нене

Это просто пример для понимания

Текст может быть изменён

В то время как ID обычно отображают некую позицию в структуре

Ну тогда если тебе нужны оба варианта, то надо новый id заводить с новым текстом. Иначе, если нужен только новый вариант, то заменить можно

Гайз

Нужно из объекта { id: 1, details: { id: 2, nestedDetails: { id: 3 } } } достать details.nestedDetails.id

Хочу написать хелпер, в который передаю path до ключа, а он достаёт

Есть в лоудэше что-нибудь на эту тему? Лень парсить строку.

Да, есть

_.get

Хочу что-то типа pickFromObject(‘details.nestedDetails’, ‘id’)

Ща гляну, спасибо

Заебок!

https://lodash.com/docs/4.16.0#get доку тоже лень читать?)

Откуда я знаю, что мне в доке искать?

Вопрос ко всем, кто пользовался react-formal. Как внедрить в форму селекты? Делаю как в документации, а на выходе получаю пустые элементы <select>

тебе нужен кастомный контрол - controlled component который получает value из props.value и на изменения вызывает props.onChange(newValue)

А почему же селект, как в документации не работает? Вот как компонент вставлен в коде: <Form.Field name='colorId' type='select'> <option value={null}>Select a color...</option> <option value={0}>Red</option> <option value={1}>Yellow</option> <option value={2}>Blue</option> <option value={3}>other</option> </Form.Field> А вот что я имею на выходе: http://joxi.ru/Y2L46GJCDG4Q26

Пример брал отсюда http://jquense.github.io/react-formal/#/getting-started?_k=vyws2m

а в самой форме <Field type={MyCustomSelect} name='fieldname' />

Спасибо! А сть ли где-то в сети пример?

скоро будет)

а в самой форме <Field type={MyCustomSelect} name='fieldname' />

А как передавать данные в этот кастомный компонент?

Например если он должен принимать массив

Ты передаешь только название поля

а в scheme это поле определяешь как yup.array().of(yup.string()) например

Спасибо большое! Заработало! )

Вопрос ко всем, кто пользовался react-formal. Как внедрить в форму селекты? Делаю как в документации, а на выходе получаю пустые элементы <select>

Отвечая на вопрос

Примерно такой код: import React, {PropTypes} from 'react'; import Select from 'react-select'; export default function Select(props) { const { onChange, value } = props; return (<Select {...props} onChange={onChange} value={value} /> ) };

<Form.Field clearable={false} labelKey="name" multi name="region" options={this.props.regions.data} placeholder="Выберите регион" type={Select} valueKey="id" />

Сейчас поиграюсь. Спасибо, Александр за подробный код!

Vadim Пожалуйста

Сам контрол подключился. Но вот форма почему-то "не видит" изменения значения селекта

Хотя нет, это я в правилах указал number вместо стринга )

{`from ${senderName}`}

что означает знак доллара в реакте ?

это платный функционал

нужно коммерчесую лицензию купить

чтобы им пользоваться

можешь на торрентах найти бесплатную версию

У меня где-то кейген валялся, могу дать

Это как с жикверей история, сначала обогнали по звёздочкам на гитхабе, теперь пацаны не отличают джс от реакта, yeah, next level ?

ну так это просто jQuery

?

я думаю еще через годик будут доклады на конфах в стиле чем отличается js от реакта

Какие все злые. Не хотят своими ключами делиться

кто юзает rxjs с реактом, юзаете ли вы redux и если да, то зачем?

дайте ссыль на react+redux+webpack starter kit

есть у кого под рукой?

CRA?

https://github.com/anorudes/redux-easy-boilerplate например

Кто-то юзает в своих проектах Fetch API?

Или сторонние либы подключаете?

юзаем с полифилом

isomorphic-fetch юзаю

окэ, спасибо

Кто-то юзает в своих проектах Fetch API?

Да, с полифилом и своей обёрткой простейшей

Обертка - т.е. какая-то изи обработка статусов?

Или что-то другое?

ребят помогите разобрасять с бабелем и вебпаком пишу SPA на REACT и DJANGO https://gist.github.com/timonefm/e481dfc2a2dea0a7e41dcf3bbe5ceb0d

казалось бы, причем тут django

venv) ➜ spa npm run dev что здесь происходит

SyntaxError: Unexpected reserved word Бэйбель не включен потому что твоя система сборки его почему то не подключила для конфига вебпака.

еще вопрос, зачем интегрировать все в джангу если можно писать фронт отдельно?

venv это виртуалка

вместо импортов используй require

но зачем?

ну я использую бэк джанги и через рест апи работаю

Ну да.

А зачем использовать инструменты джанги для сборки/разработки фронта

?

гляньте в гист пожалуйста

не могу решить эту ошибку уже несколько часов

вместо импортов используй require

не помогает

покажи лог

SyntaxError: /Users/timonefm/projects/spa/webpack.config.babel.js: Unexpected token (1:8) > 1 | require path from 'path' | ^ 2 | require 'webpack' 3 | require autoprefixer from 'autoprefixer' 4 | at Parser.pp.raise (/Users/timonefm/projects/spa/node_modules/babel-core/node_modules/babylon/lib/parser/location.js:22:13) at Parser.pp.unexpected (/Users/timonefm/projects/spa/node_modules/babel-core/node_modules/babylon/lib/parser/util.js:91:8) at Parser.pp.semicolon (/Users/timonefm/projects/spa/node_modules/babel-core/node_modules/babylon/lib/parser/util.js:76:38) at Parser.pp.parseExpressionStatement (/Users/timonefm/projects/spa/node_modules/babel-core/node_modules/babylon/lib/parser/statement.js:483:8) at Parser.pp.parseStatement (/Users/timonefm/projects/spa/node_modules/babel-core/node_modules/babylon/lib/parser/statement.js:160:17) at Parser.pp.parseBlockBody (/Users/timonefm/projects/spa/node_modules/babel-core/node_modules/babylon/lib/parser/statement.js:513:21) at Parser.pp.parseTopLevel (/Users/timonefm/projects/spa/node_modules/babel-core/node_modules/babylon/lib/parser/statement.js:28:8) at Parser.parse (/Users/timonefm/projects/spa/node_modules/babel-core/node_modules/babylon/lib/parser/index.js:96:17) at parse (/Users/timonefm/projects/spa/node_modules/babel-core/node_modules/babylon/lib/index.js:45:47) at File.parse (/Users/timonefm/projects/spa/node_modules/babel-core/lib/transformation/file/index.js:500:34) npm ERR! Darwin 11.4.2 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev" npm ERR! node v4.4.5 npm ERR! npm v2.15.5 npm ERR! code ELIFECYCLE npm ERR! spa@1.0.0 dev: webpack --progress --watch npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the spa@1.0.0 dev script 'webpack —progress —watch'. npm ERR! This is most likely a problem with the spa package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! webpack —progress —watch npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs spa npm ERR! Or if that isn't available, you can get their info via: npm ERR! npm ERR! npm owner ls spa npm ERR! There is likely additional logging output above. npm ERR! Please include the following file with any support request: npm ERR! /Users/timonefm/projects/spa/npm-debug.log

const path = require(‘path’)

const webpack = require('webpack')

и т.д.

и module.exports = { } вместо export default { }

const path = require(‘path’)

без const

var

почему?

у него бейбель в конфиге не включен

v4.4.5

(судя по всему)

нода поддерживает

нода? не знал сорян

Дык и браузеры поддерживают константы, не?