React钩子^ 16.8.6-如何调用它们以及为什么

Question

我一直在使用React ^ 16.8.6中的React Hooks，并因了解如何调用它们而陷入困境。

export function example(){
    return <div>YO</div>
}

...

render(<example />)

但是因为它是一个函数，所以我要这样称呼：

render(example())

两者都返回了一个带有YO的div，但我仍然不知道选择哪个以及为什么。

谢谢！

更新

export function Example(){
    useEffect(() => {
      callApi()

      return () => {
         cleanApi()
      }
    }

    return <div>YO</div>
}

...

render(<example />)