Умножьте два разных числовых данных в отдельных строках в таблице реагирования

Question

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

// code to filter and render table

 renderTable() {


    var totalCount = 0;
    var shownCount = 0;
    var lowerBound = 0;
    var upperBound = 0;
    var filtered = [];

    filtered = this.state.data.map( (row, i,) => {
      if(row.department.toLowerCase().indexOf(this.state.departmentFilter) > -1){
        return (
          <tr key={"employeeData"+i}>
            <td>{i+1}</td>

            <td>{row.name}</td>
            <td>{row.numberofPresentAttendances}</td>
            <td>{row.department}</td>
            <td>{row.wages}</td>
            <td>{row.totalWages}</td>


            <td>


            </td>
          </tr>
        );
      } else {
        return undefined;
      }

    });

 <table className="employee-table">
            <tbody>
            <tr>
              <th>No</th>
              <th>Name</th>
              <th>Attendance in the last 7days</th>
              <th>Department</th>
              <th>Wage/hr</th>
              <th>Total Wages</th>


           <th></th>

            </tr>
            { filtered }
            </tbody>
          </table>

// mongoose models
var employeeSchema = mongoose.Schema({
    name: String,
    department: String,
    wages:Number,
    attendances: Object
},{timestamps:true});
var Employee = mongoose.model('Employee', employeeSchema);

Я быхотел бы умножить Wages / hr и numberPresentAttendances во внешнем интерфейсе

Answer 1

Я не уверен, что полностью понимаю ваш вопрос, но если вы хотите показать результат (numberofPresentAttendances * wages), вы можете сделать что-то вроде этого:

filtered = this.state.data.map( (row, i,) => {
  if(row.department.toLowerCase().indexOf(this.state.departmentFilter) === -1){
    return null;
  }
  return (
      <tr key={"employeeData"+i}>
        <td>{i + 1}</td>
        <td>{row.name}</td>
        <td>{row.numberofPresentAttendances}</td>
        <td>{row.department}</td>
        <td>{row.wages}</td>
        <td>{row.numberofPresentAttendances * row.wages}</td>
      </tr>
    );
});

Хотя я не уверен, почемувы используете переменную numberofPresentAttendances вместо посещаемости, как указано в вашей схеме Мангуста.