Невозможно отобразить данные с помощью setState в таблице Material-UI --reactjs

Question

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

class SimpleTable extends React.Component {
  state = {
    userName: 'abc',
    firstName: 'edb',
    lastName: 'something'
  };

  render(){ 
  return (
    <Paper >
      <Table >
        <TableHead>
          <TableRow>
            <TableCell>UserName</TableCell>
            <TableCell align="right">FirstName</TableCell>
            <TableCell align="right">LastName</TableCell>
            </TableRow>
        </TableHead>
        <TableBody>
            <TableRow>                        
              <TableCell align="right">{this.setState.userName}</TableCell>
              <TableCell align="right">{this.setState.firstName}</TableCell>
              <TableCell align="right">{this.setState.lastName}</TableCell>                     

            </TableRow>        
        </TableBody>
      </Table>
    </Paper>
  );
}
}

Answer 1

Используйте this.state.username вместо this.setState.username.

setState - это функция для установки значений состояния, и мы можем использовать this.state для доступа к свойствам состояния.См. Различие между этими двумя для более ясного объяснения здесь

Надеюсь, что это поможет !!!!