发送给孩子this.props改变一个道具

时间:2017-01-19 14:11:38

标签: reactjs components parent-child render

有什么方法可以发送任何来自父母的道具,但是有一个道具改变了吗?

我有一些页面,我正在渲染InputList组件。在此组件中,我再次呈现InputList。所以我发送{...this.props}一个道具更改 - modal。但是当我发送<InputList modal={true} {this.props}/>时。 modal值取自...this.props。所以值是false而不是true,任何提示?

当然,有可能单独发送所有道具,但我有很多道具,所以我想使用this.props ..或者我可以使用类似const { modal, ...others} = this.props的东西,但还有更多道具,我正在使用,所以我有const { modal,...,...,...,...,...} = this.props

    class Page extends Component{
       render(){
         return(
              <InputList modal={false} list={...} valueA={..} valueB={..} 
                    firstTitle={..} secondTitle={..} />
         )
       }
    }

    class InputList extends Component{
       render(){
          const {modal,list,valueA,valueB,firstTitle,secondTitle} = this.props;
            ....
         return(
            ....
              <InputList modal={true} {...this.props} />
         )
       }
    }

1 个答案:

答案 0 :(得分:1)

这对你有用吗?

id