固定表格布局与更新后的值不匹配-reactjs

Question

我有一个Matrix组件，该组件呈现作为道具传递的2d数组，该数组工作正常，并且表大小可适应任何初始值。但是，当我更新父组件中的props时，表中的值会更新，但表本身的大小不会更新。但是，我将表的每个元素都设置为固定宽度。如何确保它与表格的大小匹配？

class Matrix extends Component {
  render() {
    return (
      <div>
        <div>
          <table
            style={{
              border: "1px solid black",
              tableLayout: "fixed",
              width: 400,
              height: 50
            }}
          >
            <tbody>
              {Object(
                this.props.values.map((e, i) => {
                  return (
                    <tr
                      style={{
                        border: "1px solid black",
                        tableLayout: "fixed"
                      }}
                    >
                      {Object(
                        e.map((f, j) => {
                          return (
                            <td style={{ border: "1px solid black" }}>
                              <MatrixElement value={f} />
                            </td>
                          );
                        })
                      )}
                    </tr>
                  );
                })
              )}
            </tbody>
          </table>
        </div>
      </div>
    );
  }
}