为了账号安全,请及时绑定邮箱和手机立即绑定

React组件中的子项prop

React组件中的子项prop

函数式编程 2020-02-02 15:00:56
我现在正在学习反应。这是代码的链接-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,上一行中的节点是什么意思?
查看完整描述

3 回答

?
慕慕森

TA贡献1856条经验 获得超17个赞

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

查看完整回答
反对 回复 2020-02-02
  • 3 回答
  • 0 关注
  • 837 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信