Size: a a a

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

2020 September 27

I

Ivan in React — русскоговорящее сообщество
Renarde
ага, то есть мне сделать отдельный функциональный компонент для кнопки, и вынести в него active/non-active state, а затем генерировать его по списку внутри главного компонента?
Да
источник

R

Renarde in React — русскоговорящее сообщество
Ivan
Да
понял, спасибо!
источник

R

Renarde in React — русскоговорящее сообщество
сделал, заработало - теперь другой немножко вопрос - а как мне достать стейт этого компонента снаружи?

Пример - компонента TagButton, хочу достать состояние переменной toggle:

const TagButton = ({ name }) => {

   const [toggle, setToggle] = useState(false);

   return (
       <MDBBtn
           active={toggle}
           size="sm"
           color="dark"
           className="mx-1 w-responsive"
           value={name}
           onClick={() => setToggle(!toggle)}
       >
           {name}
       </MDBBtn >
   )
}

const BtnGroup = () => {
   const buttons = GeneralTags.map(tag => <TagButton key={tag} name={tag} />);

   const getStatuses = () => {
       buttons.map(tagButton=> console.log(tagButton.toggle) (?)
   }

   return(
       ...
   )
}
источник

VR

Vlad Razygraev in React — русскоговорящее сообщество
Renarde
сделал, заработало - теперь другой немножко вопрос - а как мне достать стейт этого компонента снаружи?

Пример - компонента TagButton, хочу достать состояние переменной toggle:

const TagButton = ({ name }) => {

   const [toggle, setToggle] = useState(false);

   return (
       <MDBBtn
           active={toggle}
           size="sm"
           color="dark"
           className="mx-1 w-responsive"
           value={name}
           onClick={() => setToggle(!toggle)}
       >
           {name}
       </MDBBtn >
   )
}

const BtnGroup = () => {
   const buttons = GeneralTags.map(tag => <TagButton key={tag} name={tag} />);

   const getStatuses = () => {
       buttons.map(tagButton=> console.log(tagButton.toggle) (?)
   }

   return(
       ...
   )
}
пропс либо контекст
источник

R

Ruslan in React — русскоговорящее сообщество
здарсте , как правильно пользоваться subscribe-ом?
источник

КУ

Камель Утегенов... in React — русскоговорящее сообщество
нужно ли фронту знать Docker?
источник

a

arts in React — русскоговорящее сообщество
Камель Утегенов
нужно ли фронту знать Docker?
Лишним не будет
источник

O

OMG2SMART4YOU in React — русскоговорящее сообщество
Ребят изучаю библиотеку material ui. .не понимаю что за класс jss79 jss81, для чего они?
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
OMG2SMART4YOU
Ребят изучаю библиотеку material ui. .не понимаю что за класс jss79 jss81, для чего они?
Наверное твои стили
источник

АЧ

Антон Чепур... in React — русскоговорящее сообщество
Как положить в dependencies для useEffect цифровую переменную? Он всегда требует массив, конечно можно написать как-то так
useEffect(() => {
...}, [num]
})
но тогда обновление зациклится и будет бесконечно выполняться обращение к серверу, как тогда положить в список зависимостей useEffect переменную, не оборачивая ее в квадратные скобки?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Антон Чепур
Как положить в dependencies для useEffect цифровую переменную? Он всегда требует массив, конечно можно написать как-то так
useEffect(() => {
...}, [num]
})
но тогда обновление зациклится и будет бесконечно выполняться обращение к серверу, как тогда положить в список зависимостей useEffect переменную, не оборачивая ее в квадратные скобки?
Если у вас зацикливается useEffect - вы делаете что-то не так
Опишите задачу
источник

ГФ

Герман Филатов... in React — русскоговорящее сообщество
Утро доброе, ребят кто работал с react-player? у меня вот постера к сожалению не отоюражается, хотя по словам чела кто его сделал, я правильно написал пропс постера. кто сталкивался с такой ситуацией?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Антон Чепур
Как положить в dependencies для useEffect цифровую переменную? Он всегда требует массив, конечно можно написать как-то так
useEffect(() => {
...}, [num]
})
но тогда обновление зациклится и будет бесконечно выполняться обращение к серверу, как тогда положить в список зависимостей useEffect переменную, не оборачивая ее в квадратные скобки?
Если num не будет меняться то не зациклится
источник

АЧ

Антон Чепур... in React — русскоговорящее сообщество
Vladimir Klimov
Если у вас зацикливается useEffect - вы делаете что-то не так
Опишите задачу
Есть табличка с данными которые берутся с сервера, при переключении режима отображения в стейте меняется число соответствующее своему режиму и должны загружаться другие данные
источник

ГФ

Герман Филатов... in React — русскоговорящее сообщество
Герман Филатов
Утро доброе, ребят кто работал с react-player? у меня вот постера к сожалению не отоюражается, хотя по словам чела кто его сделал, я правильно написал пропс постера. кто сталкивался с такой ситуацией?
все работает, только вот постера нет(
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Антон Чепур
Есть табличка с данными которые берутся с сервера, при переключении режима отображения в стейте меняется число соответствующее своему режиму и должны загружаться другие данные
После изменения этого числа эффект вызовется 1 раз если оно передано в зависимости
источник

АЧ

Антон Чепур... in React — русскоговорящее сообщество
Тимофей 🛴
После изменения этого числа эффект вызовется 1 раз если оно передано в зависимости
еще раз поыторю: просто так числовую переменную в useEffect  не поставишь а если обернуть в [] то вызов зациклится
источник

АЧ

Антон Чепур... in React — русскоговорящее сообщество
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Антон Чепур
еще раз поыторю: просто так числовую переменную в useEffect  не поставишь а если обернуть в [] то вызов зациклится
Он зациклится только если вы постоянно меняете эту переменную
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Антон Чепур
еще раз поыторю: просто так числовую переменную в useEffect  не поставишь а если обернуть в [] то вызов зациклится
В массиве надо, ничего не зациклится
источник