无法在 material-ui 表中使用 setState 显示数据 --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 来访问状态属性。 请参阅这两者之间的区别以获取更多说明here

希望有帮助！！！！