React Table создать новую редактируемую строку по нажатию кнопки - PullRequest
Новая
       14

React Table создать новую редактируемую строку по нажатию кнопки

0 голосов
/ 26 сентября 2018

Привет, я создаю таблицу реагирования, в которой мне нужно добавить в таблицу новую редактируемую строку таблицы, где я мог бы добавить новый элемент строки в таблицу. Это то, что у меня есть. 

   <DefaultButton
              text='Add QnA'
              primary={ true }
              onClick={this.addNewQnaToTable}
            />

        <ReactTable
          data={this.state.items}


          PaginationComponent={Pagination}
          columns={[
            {
              columns: [
                {
                  Header: "Questions",
                  accessor: "Questions",
                 Cell: this.renderQuestionsEdit
                },
                {
                  Header: "Answer",
                  accessor: "Answer",
                  Cell: this.renderEditable
                },
                {
                  Header: "Classification",
                  accessor: "Classification",
                  Cell: this.renderEditableDropdown
                },
                {
                  Header: "Actions",
                  accessor: "Actions",
                  Cell: ({row}) => (<div>
                    <button onClick={()=>this.deleteQnA({row})}>Delete Question</button>
                   </div> )
                }
              ]
            }
          ]}
          defaultPageSize={10}
          className="-striped -highlight"
        />

поэтому, когда я редактирую таблицу, она отображается правильно, все ячейки, в которых есть содержимое, становятся редактируемыми с помощью соответствующих средств визуализации cel.поэтому я решил, что если я добавлю новые пустые элементы в таблицу, чтобы ее можно было редактировать, и это мой код для добавления новой строки: 

 public addNewQnaToTable(): void {
    console.log("add inline form");
    //add new editable row to table
    let newQnA = {
      Questions: "[{'label':' ','value':' '}]",
      Answer: " ",
      Classification: " "
    }

     this.setState((oldstate)=>({
      items: [...oldstate.items, newQnA]
     }));
     console.log("new row added");
  }

, но ничего не происходит и строка не выполняетсяредактируемые.Как добавить новую строку для ввода новых элементов в таблицу?я не могу найти что-либо из документов Таблицы Реактов

...