如何在道具中设置值以使用其他组件？

Question

我必须在道具上设定价值。

class Edit extends Component { 
    onClick() { 
     this.props.userid('5d8d854c8d8dv8'); 
    } 
    render() { 
     return (
     <button className="btn btn-success" onClick={this.onClick.bind(this)}>Add</button> 
    )} 
} 

上面的代码导致错误

this.props.userid不是一个函数

当我安慰this.props我越来越userid: ''。我必须更换道具onClick。

Answer 1

您还没有阅读文档正确..

在父组件（假设用户ID是一个国家），创建一个函数

onUserIDChange(newUserId){ 
     this.setState({ 
     userID: newUserId, 
     }); 
} 

，然后通过这个功能为道具，以你的编辑零件。

<Edit onUserIDChange = {onUserIDChange} userId={this.state.userID} /> 

那么你的onClick方法将被

onClick() { 
     this.props.onUserIDChange('5d8d854c8d8dv8'); 
}