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}而写，这让我有些困惑