сделай компонент, который оборачивает и input и кнопку. Стейт инпута храни в этом компоненте. При нажатии на кнопку в этом же компоненте добавляй todo

Здравствуйте! Может кто то сможет помочь, мне нужен webpack+react+ts boilerplate готовый, заранее благодарю

Как можно решить проблему?

Parcel )

а что тут за проблема если более конкретно? ну то что тайпхинт подсказывает - то ясно

привет, у меня есть input :
<input
           type="text"
           // здесь мы просто в value помешаем текст из инпута
           value={todoTitle}
           onChange={(event) => setTodoTitle(event.target.value)}
           // при enter добавляем с помощью addTodo, которую мы описываем
           onKeyPress={addTodo}
         />
как мне забрать значение инпута (текст, который мы вводим) и присвоить его value в кнопке ? Кнопка компонент

<AddNewButton value={todoTitle} />

Всем привет! Ребят кто-то проходил курс Юрия Буры по React?

ты толжен из родителя прокидывать функцию что будет сохранять значение инпута при каждом изменении если я правильно понял вопрос и передавать в кнопку этот тайтл

он ругается что когда я пробрасываю в провайдер свой контекст он не такой какой надо, а что там хз, тем более, я вообще хз как оно может показывать ошибки про типы в нетипизированном js

Так, разобрался, теперь у меня в компоненте кнопки есть value, со значением которое у инпуте
Как мне теперь передать и принять этот текст в самом компоненте ? Типа передать как параметр в функцию ?

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

Всем привет! Скажите, пожалуйста, что это за конструкция с двумя входными параметрами? Я не о спред операторе говорю, а именно о двух скобках. Где об этом можно прочитать?

const ButtonComponent = styled(Button)({ ...styles });

Насколько я понимаю, это вопрос уровня JS

Styled компоненты так работают

вот их как раз и изучаю. Но принцип работы синтаксиса с двумя скобками не знаю

Styled(Button) просто возвращает новую функцию, которая так же вызывается

вот! спасибо!

спасибо!

Почему это не работает на моем компе?
https://codesandbox.io/s/keen-monad-73dlx?file=/src/index.js

Это какой-то лаг?

Обработчик кнопки не работает через пропс