27576


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

[code]

      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>
        );
      }
    
[/code]

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

[code]

    onChange(event, value)
    
[/code]


CC BY-SA 3.0
2016-07-11T09:12:17.103
27528
2016-07-12T15:10:43.250
7232
question
javascript reactjs material-ui
Reactで可変長のinputを扱いたい


`TextField`の`id`propを設定することで問題を解決できました。


CC BY-SA 3.0
2016-07-12T15:10:43.250
27576
2016-07-12T15:10:43.250
7232
27528
answer