да и просто, тот факт, что людей с текстовым восприятием больше чем со звуковым

достаточно много книг по психологии приводят сей факт

блин, можно не так размыто

ребят подскажите как добавлять по клику дополнительные филды в redux form

http://i.prntscr.com/5f6fcfb0b4054a168b64595aba6e1171.png

это то что мне нужно ?

{this.props.meta.authors.map((item, index) => { return ( <div key={shortid.generate()} > <Field label='Автор' name={`name_${index}`} type='text' component={renderInput} /> <Field label='Место работы:' name={`affiliation_${index}`} type='text' component={renderTextarea} /> </div> ) })}

есть вот такой массив

это то что мне нужно ?

есть пример на оф сайте: http://redux-form.com/6.5.0/docs/api/FieldArray.md/

спасибо

вроде все работает

const renderSubFields = (member, index, fields) => ( <div className='author-field' key={index}> <Field name={`${member}.firstName`} type='text' component={renderInput} label='Автор' /> <Field name={`${member}.lastName`} type='text' component={renderTextarea} label='Место работы' /> <div className='button-author remove-author' onClick={() => fields.remove(index)}> &times; </div> </div> ) const renderMembers = ({ fields }) => ( <div> {fields.map(renderSubFields)} <div className='button-author add-author' onClick={() => fields.push({})} > + </div> </div> )

но нужно еще поля с пропсов сразу рендерить

выходит только плюсик и 0 полей пока не клацнешь

http://redux-form.com/6.5.0/examples/fieldArrays/

http://i.prntscr.com/8c05451cadcd4f21a45bd94f2a5a0e7d.png

как например сделать что бы 2 было изначально запушены

или функционал ридакс-форм не позволяет этого сделать

Redux-form 100% писали не самые и умные и не самые добрые(раз уж такую подставу написали) люди.

https://github.com/erikras/redux-form/issues/2325

вроде нашел какую то функцию

куда не засуну одни ошибки

unregisterField(form:String, name:String)

Самое главное, что нужно помнить - что redux-form это две маленькие чтучки, что конектят стор в контекст(connect) и значение в input(Field). Больше ничего не делает. Не ищите магии там, где надо самому код писать

Чтобы убрать поле, надо его просто _не_рендерить_

мне по клику нужно

А как решить надо ли его рендерить, или нет - это вопрос не к redux-form

Опять же - сотри redux-form, и сделай чтобы по клику работало. А потом верни его обратно

хотя я нашел выход

точно

он change

и просто скрыть display none

Не тру вей

ничего не понял как выход искать

нужно просто удалять инпуты с кнопки

добавлять я уже сделал и удалять, но только те которые новые)

а про рендере изначально компонента есть филды тоже

https://github.com/erikras/redux-form/issues/2325

это не решение ?

http://reactpatterns.com/#conditional-rendering

по клику же удалять нужно, а не по условию при маунте компонента

Какая разница?

У тебя там точно реакт?

точно)

я точно знаю в ридакс форм это можно сделать

там же есть функции по типу unregisterField

ну у меня она что-то отказывается работать

это же швейцарский нож для формошлепства

хотя я уже жалею что начал его использовать)

я бы сделал это все быстрей на чисто реакте

это же швейцарский нож для формошлепства

кто? редакс форм?

сейчас меня обоссут ?

и подожгут

Ты какнить ради интереса почитай их changelog. Когда они уже были “швейцарским ножом” у них не было прям жизнено необходимых вещей. Да и сейчас нет.

Просто альтернатив особо нет :)

Да и баги серьезные есть, их править не очень спешат

вчера вроде рекомендовали ещё какую-то штуку

как раз для форм

В общем не забывай главное - 99% is библиотек - это просто кто-то написал, а потом бомбануло. Про качество там ни слова нет.

Тоже самое со звёздочками - кто-то в чатике ссылку кинул с рекомендацией, их и добавилось.

или ден абрамов твитнул

по аналогии

в таймерами в редуксе доводилось работать?

https://medium.com/@machadogj/timers-in-react-with-redux-apps-9a5a722162e8#.tu8p6sjkj

тут пишут про 3 стратегии

ERROR: S client not available

тл:др - либо в стейте локально, либо в сторе диспатчить двумя вариантами

пишут что у 2 и 3 варианта кошернее получается

но у меня сомнения

что там будет с произвоительностью

если каждую секунду в стор диспатчить

если каждую секунду в стор диспатчить

Если не накосячить с апдейтами компонентов, то ок всё будет, большей части приложения будет по барабану на прохождение этого экшна

ты имеешь в виду mapStateToProps привязку?

или реселект?

котеи

Любой вариант, какой больше понравится)

нужен кто-то кто в теме за css-modules

спс

нужен кто-то кто в теме за css-modules

По поводу?

у меня есть пакет

initize

мне нужно composes

можно ли сделать так

// once in your project, specify your // ./src/components/app-initize/index.css .appinitize { composes: initize from "initize/index.css"; 'font-family': 'Arial, sans-serif'; 'quotes': '"“" "”" "‘" "’"'; 'color': 'black'; 'outline-color': 'black'; }

По поводу?

можно?

Что такое пакет в css?

npm package

Не могу найти такой пакет.

я его пока не опубликовал

https://github.com/iamstarkov/initize

composes: initize from "initize/index.css"; А что это должно означать? Скомпозировать класс initize из "initize/index.css"?

ты знаешь про css modules?

Да, я пытаюсь понять что ты хочешь сделать

я хочу сделать смерджить простой инитайз

с дефолтным цсс для проекта

как в jss например

import initize from 'initize'; const basic = { 'font-family': 'Arial, sans-serif', 'quotes': '"“" "”" "‘" "’"', 'color': 'black', 'outline-color': 'black', } const appInitize = Object.assign({}, initize, basic); export default appInitize;

composes не мержит стили, он мержит имена классов