Size: a a a

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

2021 January 18

МН

Максим Нестеров... in React — русскоговорящее сообщество
Хотя по условию, консоль срабатывает
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
Бесконечно, потому что не может текст установить
источник

1

1N54N3 in React — русскоговорящее сообщество
const Tabs = (props, {}) => {
 const initialActiveTab = props.children[0]?.key
 const [activeTab, setActiveTab] = React.useState()
 console.log(props.children)
 if (!initialActiveTab) return null
 return <ul>
   {Array.isArray(props.children) && props.children.map(e =>
     <li>{e.props.title}</li>
   )}
 </ul>
}

export default function App() {
 return (
   <Tabs>
     <Tab key='1' title={'lalala'}>
       <div>something</div>
     </Tab>
     <Tab key='2' title={'lalala'}>
       <div>something</div>
     </Tab>
   </Tabs>
 );
}
Как в рендере Tabs вместо лишки заренденить элементы props.child с их пропсами?
источник

МП

Максим Патрушев... in React — русскоговорящее сообщество
Максим Нестеров
Бесконечно, потому что не может текст установить
Для первого рендера это надо в componentDidMount сделать
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
1N54N3
const Tabs = (props, {}) => {
 const initialActiveTab = props.children[0]?.key
 const [activeTab, setActiveTab] = React.useState()
 console.log(props.children)
 if (!initialActiveTab) return null
 return <ul>
   {Array.isArray(props.children) && props.children.map(e =>
     <li>{e.props.title}</li>
   )}
 </ul>
}

export default function App() {
 return (
   <Tabs>
     <Tab key='1' title={'lalala'}>
       <div>something</div>
     </Tab>
     <Tab key='2' title={'lalala'}>
       <div>something</div>
     </Tab>
   </Tabs>
 );
}
Как в рендере Tabs вместо лишки заренденить элементы props.child с их пропсами?
{children}
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
Максим Патрушев
Для первого рендера это надо в componentDidMount сделать
Тип если один раз перед монтированием компонента указать это условие, то в дальнейшем при изменении в редаксе значения, будет так же приходить оно в didmount для проверки и последующего изменения стейта по условию?
источник

МП

Максим Патрушев... in React — русскоговорящее сообщество
Максим Нестеров
Тип если один раз перед монтированием компонента указать это условие, то в дальнейшем при изменении в редаксе значения, будет так же приходить оно в didmount для проверки и последующего изменения стейта по условию?
Почитай доку, в частности про методы жизненного цикла, какие и зачем нужны
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
Как закрыть модальное окно?
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
Через closeButton
источник

IN

Igor N in React — русскоговорящее сообщество
isOpen: false
источник

i

isNaN() in React — русскоговорящее сообщество
Igor N
isOpen: false
isModalOpen: false
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Максим Нестеров
Как закрыть модальное окно?
ты не хочешь хоть что нибудь сам попробовать сделать?
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
Я знаю как закрывать модальное окно и уже сделано кучу модальных окон, просто хочу узнать, как более опытные люди делают
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
И правильно ли я делаю
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
источник

МН

Максим Нестеров... in React — русскоговорящее сообщество
Кто знает, почему зачеркнуто, устарело?
источник

IN

Igor N in React — русскоговорящее сообщество
тебя в гугле забанили?
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
UNSAFE_
устаревшие методы
источник

RS

Roman Still in React — русскоговорящее сообщество
Максим Нестеров
Кто знает, почему зачеркнуто, устарело?
Почитай как работает Fiber
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
если ты не перестанешь использовать чат как гугл и не научишься делать скриншоты я тебя в РО отправлю опять
источник