Size: a a a

React — русскоговорящее сообщество

2020 October 01

И

Иван in React — русскоговорящее сообщество
Elisey Martynov
а мой вопрос вообще про каррирование не? я туда копаю?
Не про каррирование, копай в учебник уже наконец)
источник

И

Иван in React — русскоговорящее сообщество
Ego
что тогда делает алерт?
Так исторически сложилось
источник

EM

Elisey Martynov in React — русскоговорящее сообщество
Иван
Не про каррирование, копай в учебник уже наконец)
мне не нравится learn js, который советуют, стараюсь статьи и доку мозилы читать...
источник

И

Иван in React — русскоговорящее сообщество
Ego
что тогда делает алерт?
Остановка потока исполнения в браузере — это то, что тебе точно никогда не нужно
источник

a

amzp in React — русскоговорящее сообщество
Народ подскажите пожалуйста: есть такая кнопка
const PrevButton = () => {
 const dispatch = useDispatch();
 const handlePrevStep = useCallback(() => {
   dispatch(decreaseStep());
 }, [dispatch]);

 return (
   <Button type="button" onClick={handlePrevStep}>
     prev
   </Button>
 );
};

хочу ее протестировать, сам useDispatch замокал, но когда в тесте пишу  
component.simulate('click')

выкидывает ошибку
TypeError: dispatch is not a function

     33 |   const handleNextStep = useCallback(() => {
     34 |     if (step !== LAST_STEP) {
   > 35 |       dispatch(increaseStep());
        |       ^
     36 |     } else {
     37 |       dispatch(reset());
     38 |     }
источник

EM

Elisey Martynov in React — русскоговорящее сообщество
Иван
Остановка потока исполнения в браузере — это то, что тебе точно никогда не нужно
но то, что будут спрашивать на собеседовании 😂
источник

SS

Sergey S in React — русскоговорящее сообщество
Всем здравствуйте, подскажите как я могу вызвать dispatch в методе ?? Так как на кнопке у меня уже есть метод formSendToggle
источник

И

Иван in React — русскоговорящее сообщество
Elisey Martynov
но то, что будут спрашивать на собеседовании 😂
скорее про событийный цикл будут спрашивать

давай закругляться, это оффтоп
источник

EM

Elisey Martynov in React — русскоговорящее сообщество
<button style={button} onClick={props.deleteTodo.bind(null, props.id)}>o</button>
если я вместо this впишу null - все сработает также...
источник

И

Иван in React — русскоговорящее сообщество
Elisey Martynov
<button style={button} onClick={props.deleteTodo.bind(null, props.id)}>o</button>
если я вместо this впишу null - все сработает также...
всё верно, потому что контекст — это ПЕРВАЯ задача, она тут не решается, эта функция будет с любым контекстом работать. хоть null, хоть NaN
источник

NN

Nursultan Nurtuganul... in React — русскоговорящее сообщество
Всем привет как можно сделать через button render другой компонент в tsx
источник

V

Vlad in React — русскоговорящее сообщество
Elisey Martynov
Ребят, может кто-то кратко пояснить сл. момент: я поднимал из события пропс в род. компонент таким образом вызывал функцию, в которой была функция передающая props.propName и так пока не дойдет до компонента с состоянием. Я тут поглядел другой способ, где не передавая никаких аргументов в функциях дочерних мы просто прокидываем вниз событие и там передаем payload таким образом:
onChange={props.holdTodos.bind(this, props.id)}
, т.е. через bind. Вот я этого вообще не понял. Я понимаю как работает bind в том смысле, когда теряется контекст и ты привязываешь к нему объект, но тут я что-то совсем не понял, это что сделано вообще? Учитывая что компоненты не на классах, а на функциях почему это работает вообще? Что делает передаваемый this в bind?? Второй аргумент то понятно, это самый prop который поднять надо
потому что функции плевать на то, какой у нее контекст, а вторые аргументы и дальше это передача аргументов
источник

EM

Elisey Martynov in React — русскоговорящее сообщество
Иван
всё верно, потому что контекст — это ПЕРВАЯ задача, она тут не решается, эта функция будет с любым контекстом работать. хоть null, хоть NaN
то есть по сути я просто таким образом привязываю определенные аргументы в вызов функции в родительском компоненте и все?
источник

V

Vlad in React — русскоговорящее сообщество
Elisey Martynov
то есть по сути я просто таким образом привязываю определенные аргументы в вызов функции в родительском компоненте и все?
да, но имхо лучше через стрелочную функцию
источник

И

Иван in React — русскоговорящее сообщество
Elisey Martynov
то есть по сути я просто таким образом привязываю определенные аргументы в вызов функции в родительском компоненте и все?
создаёшь новую функцию, которая вызовет старую и передаст ей аргумент
источник

O

OMG2SMART4YOU in React — русскоговорящее сообщество
как сделать вот такую file upload компонент? есть ли готовые решения?!
источник

ZS

Zhanadil Sadykov in React — русскоговорящее сообщество
ребята есть кнопка с тегом "а", при клике по этому тегу "а", как могу дочерним элементам тега "а" дать блок? Например внутри тега "а", есть пару больших слов, чтобы при клике на слово учитывался как будто я нажимаю тег "а", а не на слово
источник

EM

Elisey Martynov in React — русскоговорящее сообщество
@gorbunov_i  @elegy1 спасибо большое, все по местам встало, поэтому и не понимал при чем тут this, если речь идет о функциях
источник

ZS

Zhanadil Sadykov in React — русскоговорящее сообщество
Zhanadil Sadykov
ребята есть кнопка с тегом "а", при клике по этому тегу "а", как могу дочерним элементам тега "а" дать блок? Например внутри тега "а", есть пару больших слов, чтобы при клике на слово учитывался как будто я нажимаю тег "а", а не на слово
или проще говоря: как можно получить через useRef currentTarget элемента?
источник

無線信号 in React — русскоговорящее сообщество
Sergey S
Всем здравствуйте, подскажите как я могу вызвать dispatch в методе ?? Так как на кнопке у меня уже есть метод formSendToggle
В onSubmit на форме пробовал?
источник