在使用中获取数据效果没有重新渲染组件

Question

const Home = withRouter((props: RouteComponentProps) => {
  const [dataState, setDataState] = useState(data);
  const [isLoading, setIsLoading] = useState(false);
  useEffect(() => {
    const fetchData = async () => {
      setIsLoading(true);
      const res = await fetch('https://jsonplaceholder.typicode.com/users/');
      const parsed = await res.json();
      setDataState(parsed);
      setIsLoading(false);
    };
    fetchData();
  }, []);
....

我有这段代码来获取我的组件的一些初始数据。调用已发出，但是在我实际与 UI 中的某些内容交互之前，它不会重新呈现。我在这里做错了什么。

Answer 1

找出问题所在。

我正在对子组件中的数据进行排序。那里的效果需要取决于从 home 组件传递的 props.data。

  useEffect(() => {
     ...some sorting logic 
  }, [sortState, props.data]);
  return <Table minimalPadding={true} columns={columns} data={sortedData} />;