МН
Size: a a a
МН
МН
1
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 с их пропсами?МП
Т
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
i
АБ
МН
МН
МН
IN
AD
RS
АБ