Мне нужно установить фокус на вновь созданную таблицу в качестве данных содержимого в виде массива и под таблицей, у меня есть кнопка Добавить новую строку, которая вставляет новый элемент в массив и отображает таблицу с помощью пустая строка Проблема в том, что мне нужно установить фокус на первую ячейку новой добавленной строки, я использую ref для установки фокуса, так как вижу единственный способ установить ref для таблицы - ref={n=>this.node=n}, и при добавлении новой строки Я использую this.setState({table: this.state.table, item},()=>{this.node.current.focus();})
Но ошибка, которую я получаю, не может установить фокус на ноль
Код, который я использую:
footerEvents:{
onClick:()=>{
const tableData = [...this.state.tableData];
const item = newly created row
this.setState({tableData: [...this.state.tableData, item],}
, () => {this.reactTableNode.focus();
} );
<BootstrapTable
keyField="id"
data={this.state.tableData}
columns={columns}
cellEdit={this.cellEdit}
hover
ref={(node: any) => (this.reactTableNode = node)}
/>
Есть ли способ использовать фокус в таблице реагирования bootstrap, который поможет нам сфокусироваться и прокрутить элементы таблицы.