ЕГ
@bekharsky спасибо буду знать
Size: a a a
2020 September 26
A
Зачем тебе по id ?
что бы одной функцией передать все три вэлью с нипутов
SO
Antony
что бы одной функцией передать все три вэлью с нипутов
Ты не правильно делаешь, вообще советую хуки попробовать
DB
Antony
что бы одной функцией передать все три вэлью с нипутов
инпутам прокинь рефы, а в функции считай значения с них
SO
Antony
что бы одной функцией передать все три вэлью с нипутов
Тебе нужно состояние инпутов записывать в стейт, потом на кнопку ты отправишь данные из стейта куда тебе там нужно (из всех полей)
A
Ты не правильно делаешь, вообще советую хуки попробовать
а так как реализоавть, по подскажите
SO
Dmitry Bondar
инпутам прокинь рефы, а в функции считай значения с них
Ему это явно не нужно
DB
Ему это явно не нужно
ну человек хотел считать значения по id насколько я понял, правильный аналог в реакте это использовать рефы
A
Dmitry Bondar
ну человек хотел считать значения по id насколько я понял, правильный аналог в реакте это использовать рефы
попробую спасибо
DB
Тебе нужно состояние инпутов записывать в стейт, потом на кнопку ты отправишь данные из стейта куда тебе там нужно (из всех полей)
либо да - делать инпуты контролируемыми и синхронизировать со стейтом, но это ведь не всегда нужно
DB
+ на каждое изменения стейта будет ре-рендер компонента
SO
Antony
а так как реализоавть, по подскажите
const Form = (addPost) => {
const [name, setName] = useState('')
const [link, setLink] = useState('')
const [post, setPost] = useState('')
return (
<div>
<input value={name} onChange={({ target: { value } }) => setName(value)} />
<input value={link} onChange={({ target: { value } }) => setLink(value)} />
<input value={post} onChange={({ target: { value } }) => setPost(value)} />
<button onClick={() => addPost(name, link, post)}>send</button>
</div>
)
}A
const Form = (addPost) => {
const [name, setName] = useState('')
const [link, setLink] = useState('')
const [post, setPost] = useState('')
return (
<div>
<input value={name} onChange={({ target: { value } }) => setName(value)} />
<input value={link} onChange={({ target: { value } }) => setLink(value)} />
<input value={post} onChange={({ target: { value } }) => setPost(value)} />
<button onClick={() => addPost(name, link, post)}>send</button>
</div>
)
}спасибо
SO
Dmitry Bondar
ну человек хотел считать значения по id насколько я понял, правильный аналог в реакте это использовать рефы
Я смотрю на код на кодепене и вижу что человеку явно нужны не рефы и тем более не отслеживание состояния
MK
Добрый день товарищи, можете помочь понять? Что если я пишу свой собственный глобальный стейт и вместо проброса через пропсы что стейта, что функций обработки стейта буду использовать исключительно импорт нужных мне вещей в каждый компонент, а пропсы вообще не буду использовать. Это чем то чревато?
DS
подскажите плиз почему этот код вызывает циклическую зависимость
DS
Однако если вынуть <Component /> из шаблона то всё норм
A
Добрый день товарищи, можете помочь понять? Что если я пишу свой собственный глобальный стейт и вместо проброса через пропсы что стейта, что функций обработки стейта буду использовать исключительно импорт нужных мне вещей в каждый компонент, а пропсы вообще не буду использовать. Это чем то чревато?
черевато переписыванием редакса на собственный лад, со всеми вытекающими
возьми стейт менеджер для этих целей
возьми стейт менеджер для этих целей
MK
черевато переписыванием редакса на собственный лад, со всеми вытекающими
возьми стейт менеджер для этих целей
возьми стейт менеджер для этих целей
суть вопроса в использовании import вместо props
A
суть вопроса в использовании import вместо props
ты неправильные вопросы задаешь