Javascript 通过映射函数将2个道具传递给子组件

嗨，我如何将路径传递到映射函数中！已尝试作为嵌套数组，但无法获取它

导航栏（父组件）：

NavTopic

（子组件）：

const NavTopic=（props）=>
{props.topic}
；
NavTopic.propTypes={
主题：PropTypes.string.isRequired，
}
导出默认导航主题；

---

如何将状态路径传递给map函数，以便将其作为道具传递给NavTopic？

传递nav，而不是将topic作为道具传递

//Navbar
<NavbarTopics nav={this.state.nav}

//导航栏
(

{props.nav.map（（nav，index）=>）}

)

在NavTopic中

const NavTopic = (props) => <li className='li_Ntopic'>
 <Link className='Link_Ntopic' to={props.nav.path}>{props.nav.topic}</Link>
</li>;

const NavTopic=（道具）=>

{props.nav.topic}
；

请使用演示问题的工具更新您的问题，最好是使用堆栈片段（

[]

工具栏按钮）运行的工具。堆栈代码段支持React，包括JSX。如果我做出看似恰当的假设。我们需要一个帮助你的方法。它有效，但我做不到。将状态“路径”传递给navTopic。你有什么建议或解决方法吗？我不知道你所说的“将状态‘路径’传递给navTopic”是什么意思。请在问题中添加一个可运行的示例来演示该问题。

const NavTopic = (props) => <li className='li_Ntopic'><Link className='Link_Ntopic' to=''>{props.topic}</Link></li>;

NavTopic.propTypes = {
    topic: PropTypes.string.isRequired,
}

export default NavTopic;

//Navbar
<NavbarTopics nav={this.state.nav}

// NavbarTopics
const NavbarTopics = (props) => (
  <ul className='ul_Ntopics'>
    {props.nav.map((nav, index) => <NavTopic nav={nav} key={index} />)}
  </ul>
)

const NavTopic = (props) => <li className='li_Ntopic'>
 <Link className='Link_Ntopic' to={props.nav.path}>{props.nav.topic}</Link>
</li>;