React Bootstrap Table - распознавание строки - PullRequest
Новая
       24

React Bootstrap Table - распознавание строки

0 голосов
/ 15 октября 2018

, поэтому я работаю над редактируемой таблицей из набора результатов, подобного этому: 

data = [
{id: 1, name: 'bob', value: '2'},
{id: 2, name: 'HelloWorld', value: '5'},
{id: 3, name: 'TestName', value: '4'}
];

И моя таблица выглядит так (я также использую пользовательский редактор для имени и значения): 

<BootstrapTable data={this.props.data}>
      <TableHeaderColumn isKey dataField='id'>
        ID
      </TableHeaderColumn>
      <TableHeaderColumn dataField="name" dataFormat= { CustomInputFormatter }
      customEditor={ { getElement : CustomInputEditor } } >
        Name
      </TableHeaderColumn>
      <TableHeaderColumn dataField="value" dataFormat= { CustomInputFormatter }
      customEditor={ { getElement : CustomInputEditor } } >
        Profile
      </TableHeaderColumn>
    </BootstrapTable>

Поэтому мне было интересно, если я поменяю имя «TestName» на другое, есть ли способ получить идентификатор и значение той же строки из функции onchange?

Эторендеринг класса customInputEditor 

render() {
let { value } = this.state;
let { type } = this.props;
return (
  <div>
    <input type={type || 'text'} ref="inputRef" className="form-control custom-textbox" value={value}
        onChange={this.onChange} onBlur={this.onBlur}/>
  </div>
);

}

1 Ответ

0 голосов
/ 15 октября 2018

Не уверен, как выглядит ваша функция onChange, но у вас должна быть возможность доступа к таким значениям: 

onChange = (event) => {
    console.log(event.target.id)
    console.log(event.target.value)
}
...