小编Ale*_*wer的帖子

如何测试useEffect异步react-testing-libs？

我有：

// in other file
const getData = () => {
  return new Promsise(resolve => setTimeout(() => resolve([1, 2, 3]), 5000));
};

const MyComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      const data = await getData();
      setData(data);
    };
    fetchData();
  }, []);

  return <div>{data.map(item => <span>{item}</span>)}</div>
};

如何测试这个组件？

我现在的测试：

it('MyComponent test', async () => {
  await act( async () => {
    render(<MyComponent/>, container);
  }); …