やりたいことは表題のとおりです。
コードのイメージは以下。
class Application extends React.Component { constructor() { super(); this.state = ({ value: "" }) handleChange = this.handleChange.bind(this); handleSubmit = this.handleSubmit.bind(this); } handleChange(e) { setState({ value: e.target.value }); } handleSubmit() { // do something here } render() { return( <div> <form method="post"> <input type="text" name="text" value={this.state.value} onChange={this.handleChange} /> <button type="submit" onClick={this.handleSubmit}>送信先1</button> <button type="submit" onClick={this.handleSubmit}>送信先2</button> </form> </div> ); } }
それぞれのonClickで別のaction属性を呼び出すようなロジックを書けばよいのでは??
onClickしたときのハンドラで、どのようにaction属性を指定すればよいか教えていただけると助かります。。。