使用React.useEffect（）获取数据

事情发生在React之外。
这只是生活中的事实。

React为我们提供了一个单一功能，用于连接React无法自动管理的所有事件和效果。

它的名字 React.useEffect() 然后用一个函数调用它。

React.useEffect(() => {
  // doStuff();
})

我们使用此功能的目的之一是获取数据。

React.useEffect(() => {
  fetchPokemon(1);
})

该函数将在每次渲染组件时触发。
这包括通过 React.useState。

在我们的Pokemon应用中，“下一步”按钮会调用 setPokemon()，重新渲染并重新运行我们的 React.useEffect() 功能。

function App() {
  let (index, setIndex) = React.useState(0);
  let pokemon = collection(index);

  return (
    <div>
      <button type="button" onClick={() => setIndex(index + 1)}>
        Next
      button>

      ...
    div>
  )
}

试试看

使用下面的代码沙箱直接在浏览器中尝试本价格。

分配

1. 致电 React.useEffect() 在功能 App 零件
2. 给 React.useEffect 一个调用的函数 fetchPokemon(index) 用于数据
3. 链甲 .then() 到 fetchPokemon(index) 注销返回的json

在Twitter上关注:：

奇异的
      
      
        @chantastic

#ReactHoliday Day 6：使用React.useEffect（）获取数据

React给我们提供了一个功能，可以连接到React之外的效果。它名为React.useEffect，我们用它来获取数据…

作业沙箱：codesandbox.io/s/react-holida…#react #reactjs
    
    
      22:58 PM-2019年12月6日

0

3

在YouTube上订阅：