Anonymous
по-хорошему нужно в стейте создать поле типо inputValue и к нему привязать инпут
Anonymous
Короче
1. В стейте создаешь новое поле, которое сразу же равно props.textTitle
2. В инпуте пишешь value={this.state.value}
3. В инпуте пишешь onChange={this.handleChange)
4. Классу добавляешь метод handleChange = (e) => this.setState({ value: e.target.value })
все должно работать
va1
<input onChange = {this.onHandleChange} value = {this.state.value}/>onHandleChange (e) {
this.setState({ value: e.target.value
})
}
va1
Блин неуспел)
El
Он пишет, что react-bootstrap не принимает value на инпутах.
El
Перейти на Reactstrap ?
Aleksey
ладно) спасибо всем громадное) попробую
El
ладно) спасибо всем громадное) попробую
Вот: https://stackoverflow.com/questions/42533068/react-bootstrap-set-value-of-formcontrol
<FormControl value={someText}/>
ref на FormControl там тоже приведён.
El
И далее: https://www.google.com/search?q=react-bootstrap+set+ibput+value&ie=utf-8&oe=utf-8&client=firefox-b
Aleksey
El
5 примеров под первой ссылкой, все названые выше в чате случаи.
rovnyart
https://music.yandex.ru/album/3815602/track/31477411
Aleksey
короче не помогло ничего)
El
value внутри FormControl пробовалось?
<FormControl value={someText}/> и далее https://t.me/react_js/720298
va1
Капец, что же за библиотека такая, что до value imputa без танцев с бубнами не достучаться. Этож супер дефолтная задача.
Aleksey
если у меня value а не defaultValue у меня не редактируется инпут
Aleksey
точнее то что в нем
Aleksey
в ui
va1
Яб сделал controllable imput (controllable component), value привязано к стейту, стейт меняется от value
va1
Так пробовал делать?
Aleksey
мне нужно немножко не то)
Aleksey
мне нужно редактировать через инпут данные в сторе,причем в инпуте по дефоту показывать данные из стора
Aleksey
тоесть я создал инпут. там вбил данные из стора в defaultvalue. меняю данные в инпуте. нажимаю на кнопку - они отправляются в стор. но дефолвелью из стора обратно не перерисовывается
Aleksey
только если перезагрузить страницу
Aleksey
короче сложно обьяснить так) может кому не впадлу в скайп зайти трансляцию экрана врублю
va1
Ну в доках обещают, что всё будет тип-топ. defaultValue - первоначальное значение.
Value controlled by: onChange, initial prop: defaultValue
PH_cheerokee
ребят,подскажите,пожалуйста)
пытаюсь задеплоить проект на реакте
https://github.com/DanielSadovskiy/react-crud-shop/blob/master/crud-client/src/App.js
как правильно настроить HashRouter и Link?
у меня в Header есть Navbar href="/" (типа home)
но вот оно как раз польностью вычеркивает название моего портфолио из ссылки в итоге 404
va1
То у тебя нету обработчика изменений onChange на formControl
Aleksey
То у тебя нету обработчика изменений onChange на formControl
onchange меняет из инпута в стейт. а мне нужно менять из стора в инпут. прописал так defaultValue={this.props.textTitle}. но работает только с перезагрузкой страницы
Aleksey
this.props.textTitle - данные из стора
va1
Скопирни этот компонент в кодпен, хоть посмотреть. А то на скрин не всё влазит
Aleksey
го мб расскажу с трансляцией экрана?
va1
Яб предпочел так посмотреть, не факт что помогу чем. Но хоть почилюсь, не отнимая твоего внимания )
Aleksey
Aleksey
повторюсь если пишу в value то инпут нельзя поменять через ui
Aleksey
Aleksey
Aleksey
дело в том что почему то defaultValue не меняется.но подписан же на стор он
Vladimir
Всем привет, у меня весьма глупый вопрос.
Захотелось мне некоторые своим компоненты вынести в модуль, и залить в npm. Как лучше всего это сделать?
Вот есть у меня допустим универсальный (для моих нужд) компонент дропдауда. Кода там строк на 100.
Но если я его выкачу в npm, там все сбилдится (с реактом, и всеми кишками) то выходит размером как обычный стартовый реакт, тоесть 20-30кб.
И что получается, при импорте этой библиотеки в своем проекте, я заюзаюсь кучу лишнего кода? Не сработает никакой tree-shaking или еще чего. Спасибо
Andrey
Всем привет, у меня весьма глупый вопрос.
Захотелось мне некоторые своим компоненты вынести в модуль, и залить в npm. Как лучше всего это сделать?
Вот есть у меня допустим универсальный (для моих нужд) компонент дропдауда. Кода там строк на 100.
Но если я его выкачу в npm, там все сбилдится (с реактом, и всеми кишками) то выходит размером как обычный стартовый реакт, тоесть 20-30кб.
И что получается, при импорте этой библиотеки в своем проекте, я заюзаюсь кучу лишнего кода? Не сработает никакой tree-shaking или еще чего. Спасибо
либы из dependencies реюзаются, если по версиям подходит
(подтянется реакт из самого проекта, а не твой)
Vladimir
Не понимаю как это работает. Подскажите пожалуйста запросы для гуглинга.
Я же ведь при выкате в npm - компоненты билжу.
publish:npm: rm -rf dist && mkdir dist && npx babel src/lib --out-dir dist --copy-files
Получается, нужно в npm заливать именно исходный код компонентов, а не сбилженный вариант. Верно?
Andrey
Не понимаю как это работает. Подскажите пожалуйста запросы для гуглинга.
Я же ведь при выкате в npm - компоненты билжу.
publish:npm: rm -rf dist && mkdir dist && npx babel src/lib --out-dir dist --copy-files
Получается, нужно в npm заливать именно исходный код компонентов, а не сбилженный вариант. Верно?
исходный код, да
у тебя там в модулях будет import/require react, который подтянется из основных нод модулей
PH_cheerokee
Default
Задавать вопрос в два часа ночи в воскресенье это явно не лучший способ получить быстрый ответ
Default
Тут хоть сколько раз переспрашивай 🙂
PH_cheerokee
Ладно(
rovnyart
в два часа ночи в воскресенье только я могу тебе рассказать про редакс
rovnyart
но я обещал этого не делать под страхом рид онли
Nikita
Anonymous
https://www.npmjs.com/package/react-drag-and-drop
Kurzdor
artalar
Sory, no.
check this out https://reactjs.org/community/support.html
Dmitriy
Vitaliy
Доброе утро, подскажите пожалуйста вот смотрю редакс, и тут в книжечке пример такой, ключи присваивают компоненту, а не самому тегу li это верно?
Vitaliy
Dmitriy
Доброе утро, подскажите пожалуйста вот смотрю редакс, и тут в книжечке пример такой, ключи присваивают компоненту, а не самому тегу li это верно?
Почему сначала не была прочитана дока реакта?
Vitaliy
вопрос снят спасибо, разобрался
artalar
@IliyaKobaliya не флудите
artalar
Я себе не могу чет
N
Доброго времени, друзья у меня вопрос есть компонент product к нему я ссылаюсь с других компонентов, компонент вызывается, но вот если я ссылаюсь с компонента product на самого себя только меняя параметр например был: product/123 стало <link to="product/456"> компонент должен обновляться на новую ссылку?
N
Роутер у меня такой: <Route path="/product/:item" component={ Product } />
Sergey
это компонент у тебя такой, как пакет с роутером называется?
N
exact не помогает.
El
дело в том что почему то defaultValue не меняется.но подписан же на стор он
Подписан как? mapStateToProps? И верно сказали, хендлера изменений onChange нету, ничего и не обновится. Value не работает по этой причине.
Daniil
N
Конечно не поможет
Компонент на описаный роут выше получается?
у меня подобное проблема: http://qaru.site/questions/16401954/re-render-same-component-on-url-change-in-react
N
Т,е там сказано что нужно вызвать: componentDidUpdate
El
/:param это проп объекта. this.props.match.param. Возможно, поэтому componentDidUpdate.
N
Оо мне помогло этот функция: `componentDidUpdate(prevProps) {
if (this.props.match.params.item !== prevProps.match.params.item) {
this.updateItems()
}
}`
N
/:param это проп объекта. this.props.match.param. Возможно, поэтому componentDidUpdate.
т.е проверка на старый и новый параметр в компоненте
El
Если компонент не обновился, знач, пропсы до него не дошли. Раз они не снаружи приходят, то вот.
N
Если компонент не обновился, знач, пропсы до него не дошли. Раз они не снаружи приходят, то вот.
у меня пропси приходят но componentDidMount работает только при первом вызове в компоненте
Sm•ok
Sm•ok
Срабатывает при первом вызове компонента
Arkadzi
у меня пропси приходят но componentDidMount работает только при первом вызове в компоненте
Разве не should component update?
Sm•ok
Дидмаунт означает, что компонент отрендерен