调用从已道具

Question

我想模块化很大成分，所以我可以重复使用它的一些零件传递函数的setState。

两个时间列表呈现上，我可以做的操作：更新我的模态状态，以便关闭，然后启动与服务器调用一个终极版的动作。

所以我想通过定义自定义行为的函数：

var handleSubmit = (name, description, author) => { 

    if (inputsValidated(name, description)) { 
     this.setState({ addingNewProject: false, errorMessage: '' }); 

     var payload = { name: name, date: new Date(), description: description, author: author}, 
      routeToPushAfter = `/app/users/${author._id || 'notsigned'}`, 
      serverRoute = allRoutes.projectURL, 
      type = 'project' 

      this.props.postData(payload, routeToPushAfter, serverRoute, type); 
    } 

    else { 
     this.setState({ errorMessage: 'Please fill out form' }); 
    } 
} 

那么这个函数传递给该组件。

render() { 
    return (
     <div style={main}> 
      <DynamicList {...this.props} /> 
      <DynamicList {...this.props} handleSubmit={handleSubmit} handleDelete={handleDelete} /> 
     </div> 
    ); 
} 

问题是：this.setState绑定到父组件。我怎么能传递一个函数，我可以修改本地状态（不使用Redux）。

感谢您的任何意见！

Answer 1

您可以将功能结合到DynamicList的构造函数里面的成分：

constructor(props) { 
    super(props); 
    if (this.props.handleSubmit) { 
    this.handleSubmit = this.props.handleSubmit.bind(this); 
    } 
}