React组件中的子项prop

Question

我现在正在学习反应。这是代码的链接-http: //redux.js.org/docs/basics/ExampleTodoList.html我在理解代码这一部分的内容时遇到了一些困难const Link = ({ active, children, onClick }) => {  if (active) {    return <span>{children}</span>  }  return (    <a      href="#"      onClick={e => {        e.preventDefault()        onClick()      }}    >      {children}    </a>  )}Link.propTypes = {  active: PropTypes.bool.isRequired,  children: PropTypes.node.isRequired,  onClick: PropTypes.func.isRequired}我最难以理解此片段return (        <a          href="#"          onClick={e => {            e.preventDefault()            onClick()          }}        >          {children}        </a>      )    }{children}在这里是什么意思？它有什么作用？这是做什么的？children: PropTypes.node.isRequired,上一行中的节点是什么意思？

Answer 1

这会有所帮助。我想知道的是（active）{return <span> {children} </ span>}，因此，在上面的代码中，如果它是active，则将返回{children}，它等于All Active并完成。对？或者也许它只是返回活跃的孩子。因此，如果“全部”处于活动状态，则它将“全部”返回为禁用状态，我们将无法单击，其余的将无法单击，即第二次返回将显示为活动链接？但是他们两个都只是{children}而写，这让我有些困惑