Hier ist meine Geige

https: //codepen.io/seunlanlege/pen/XjvgPJ? editors = 0011

ch habe zwei Eingänge und versuche, eine Methode zu verwenden, um das @ zu behandeonChange event für ein beliebiges Eingabefeld.

Ich habe das Internet auf der Suche nach einer Lösung zerrissen, aber nichts gefunden.

Ich benutze es6 bitte wie gehe ich dabei vor?

class Form extends React.Component {
  `constructor(props) {
    super(props);
    this.state = {text:{
      e:'hi',
      c:''
    }};
    this.handleSubmit = this.handleSubmit.bind(this);
  }`

  `handleChange(event,property) {
    const text = this.state.text;
      text[property] = event.target.value;
      this.setState({text});
  }`

  `handleSubmit(event) {
    alert('Text field value is: ' + this.state.text.e);
  }`

  `render() {
    return (
      <div>
        <div>{this.state.text.e}</div>
        <input type="text"
          placeholder="Hello!"
          value={this.state.text.e}
          onChange={this.handleChange.bind(this)} />
        <input type="text"
          placeholder="Hello!"
          value={this.state.text.c}
          onChange={this.handleChange.bind(this)} />
        <button onClick={this.handleSubmit}>
          Submit
        </button>
      </div>
    );
  }
}`

ReactDOM.render(
  `<Form />`,
  document.getElementById('root')
);