別のコンポーネントを使用するために小道具で値を設定する方法は？

Question

私は小道具で値を設定する必要があります。上記のコード

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

私はuserid: ''を取得していますthis.propsを慰めるときに発生しているエラー

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'); 
}