Как получить доступ к значениям столбца таблицы в реакции

Question

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

Это таблица, которую я создал.

  render(){
      return (
            <tr>
                <td data-th="Product">
                    <div className="row">
                        <div className="col-sm">
                            <h4 className="nomargin">{this.DrugsDetailsRequest.item_name}</h4>
                        </div>
                    </div>
                </td>
                <td data-th="Price"> Rs: {this.DrugsDetailsRequest.totalPrice}</td>
                <td data-th="Quantity">
                    <input name="textInputValue1" type="number" className="form-control text-center"  onChange={ this.handleChange } />
                </td>
                <td data-th="Subtotal" className="text-center"> <input name="textInputValue2" type="number" className="form-control text-center"  onChange={ this.handleChange } value={this.DrugsDetailsRequest.totalPrice*this.state.textInputValue1}/></td>
                <td className="actions" data-th="">
                    <button className="btn btn-info btn-sm mr-3" onClick={ this.publish }><i className="fa fa-refresh"></i>Refresh</button>
                    <button className="btn btn-danger btn-sm" onClick={(e) => this.delete(this.DrugsDetailsRequest._id)}><i className="fa fa-trash-o">Delete</i></button>
                </td>
            </tr>

    );
}

Answer 1

Ваш вопрос не ясен, но вот что я понимаю

Простое решение.Сделайте это в рендере перед возвратом

const total = this.DrugsDetailsRequest.totalPrice + this.DrugsDetailsRequest.totalPrice*this.state.textInputValue1
 console.log(total);// this will get you the total