0

inputのvaluesを配列で保持するときに、どのinputの値が変化したのかをindexのようなものから取得して配列を更新するようにしなければならないと考えますが、そのようなことは可能でしょうか。コンポーネントのrender()は以下のとおりです。

  render(){
    var posList = this.state.query.pos.map((p) => {
      return (
        <TextField
          key={p}
          value={p}
          onChange={this.onQueryChanged}
          disabled={this.state.loading}
        />
      );
    });
    var negList = this.state.query.neg.map((n) => {
      return (
        <TextField
          key={n}
          value={n}
          onChange={this.onQueryChanged}
          disabled={this.state.loading}
        />
      );
    });
    return (
      <div>
        <Col xs={12} md={6}>
          <p>Positive</p>
          {posList}
          <IconButton
            onClick={this.onAddPositive}
          >
            <FontIcon className="material-icons">add_circle</FontIcon>
          </IconButton>
        </Col>
        <Col xs={12} md={6}>
          <p>Negative</p>
          {negList}
          <IconButton
            onClick={this.onAddNegative}
          >
            <FontIcon className="material-icons">add_circle</FontIcon>
          </IconButton>
        </Col>
        <FlatButton
          label="Send"
          disabled={this.state.loading}
        />
      </div>
    );
  }

TextFieldonChangeで配列を更新したいのですができますでしょうか。onChangeのインタフェースは以下のとおりです。

onChange(event, value)

1 件の回答 1

0

TextFieldidpropを設定することで問題を解決できました。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。