ボタンの値をクリックしてもらいたい。refrenced関数を使用して値を抽出するにはどうすればよいですか
class Calculator extends Component{
constructor(props){
super(props);
this.selectedNumber=this.selectedNumber.bind(this);
}
selectedNumber(e){
const option = e.value;
console.log(option);
alert(option);
}
render(){
return(
<div>
<p>
<button onClick={this.selectedNumber} name="option">1</button>
<button onClick={this.selectedNumber} name="option">2</button>
<button onClick={this.selectedNumber} name="option">3</button>
</p>
</div>
)
}
}
ボタンのテキスト値= 1で参照されている関数をクリックしたい場合は、1などが必要です。
このエラーが発生します:::: "警告:小道具の種類が失敗しました:ハンドラーvalue
なしでフォームフィールドに小道具を指定しましたonChange
。これにより、読み取り専用フィールドがレンダリングされます。フィールドを変更可能にする必要があるdefaultValue
場合は、使用してください。それ以外の場合は、次のいずれかを設定してください。onChange
またはreadOnly
。」
要素のテキストは、次を使用して取得できます。 e.target.textContent
selectedNumber(e){
const option = e.target.textContent;
console.log(option);
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加