this.props.childrenの子として子ステートを設定する関数を渡します。

Question

this.props.childrenの小道具としてhandleCloseを渡す必要があります。この関数は子の状態にアクセスする必要があります。パラメータchildを渡す方法がわからないので、{handleClose: this.handleClose}に問題があります。

class App extends React.Component { 
    constructor(props, context) { 
     super(props, context); 
     this.handleClose = this.handleClose.bind(this); 
    } 

    handleClose(child) { 
     if (child.state.redirect) { 
      browserHistory.push(url); 
     } else { 
      child.setState({showError: false, errorText: ''}); 
     } 
    } 

    render() { 
     const children = React.Children.map(this.props.children, (child) => { 
      return React.cloneElement(child, 
       {handleClose: this.handleClose}, this); 
     }); 

     return (
      <div> 
       {children} 
      </div> 
     ); 
    } 
} 

Answer 1

あなたは、パラメータ

例

React.cloneElement(child, {handleClose: function() { this.handleClose(child); }.bind(this)}, this); 

// OR 

React.cloneElement(child, {handleClose:() => this.handleClose(child)}, this);