Как задавать state onChange для позиции в []?

Question

[Ninja Mate]

У меня есть таблица, которая генерируется вместе с полями комментариев.

<Table responsive striped bordered condensed hover>
    <thead>
        <tr >
            <th>#</th>
            <th>Name</th>
            <th>Quantity</th>
        </tr>
    </thead>
    <tbody>
    {
        tabl.map( function(item,index)
     {
         return(
             <tr>
                 <th>{1+index}</th>
                 <th>{item.name}</th>
                 <th>{item.number}</th>
                 
                  <tr>
                     <th colSpan="3">
                         <Input type="textarea" />
                     </th>
             </tr>
             </tr> )}) }
    </tbody>
</Table>

Хочу сделать стейт, в который буду загонять значения textarea в аррей на соответствующий index
Как-то так, но правильно

<Input type="textarea"
    value={this.state.comments[index]}
    onChange={ (event)=> this.state.comments.splice(index, 0, event.target.value ) }
 />

Comments

[Risent Veber]

Пожалуйста оформите свой код как следует, что такое tabl - вообще не ясно.

[Ninja Mate]

Risent: готово, только мой вопрос относится к textarea onChange в большей степени чем к самой таблице, которая дана для примера зачем мне нужен аррей, а не обычный стейт (я не знаю сколько будет элементов в таблице и хочу использовать индексы аррея)

Answer 1

[Ninja Mate]

Вот так

onChange={ (event)=> {
    var comment = that.state.comments;
    comment[index] = event.target.value;
    that.setState({ comments: comment });
}}