将对象状态从 null 更改为另一个设置状态

class SubCategories extends React.Component<
  SubCategoryStateProps
> {
  constructor(props: RouteComponentProps<CategoryUrlParams>) {
    super(props);
    this.state = {
      category: null,
    };
  }

  componentDidMount() { 
     axios
      .get(
        window.location.origin + `/core/academix/categories/${this.CategoryId}`
      )
      .then((result: AxiosResponse<Category>) => {
        if (result.status == 200) {
          this.setState({
            category: result.data,
          });
        }
      })
      .catch((error) => {
        handleApiError(
          error,
          'Something went wrong when trying to load category details'
        );
      });
  };

  render() { <Title level={3}>{this.state.category.translations[1].name}</Title>);
  }
}

export default SubCategories;

在初始状态下，我将 the 设置category为 null，然后在 SubCategoryStateProps 中Categpry | null设置了categorywith 的新状态，axios但在渲染之后它仍然说 category 是null为什么？