react function 组件 和 hook 都可以导出组件, 页面子组件使用 hook还是function ?

function useHook(value){
    const component = useMemo(()=><Text>value+'123123'</Text>,[value]) 
    return component
}

或者

function TheText({value}){
    return <Text>value+'123123'</Text>
}
export defualt memo(TheText)
阅读 1.6k
2 个回答

从语义的角度,导出组件使用function函数组件更好。
自定义hooks一般用来组织可以复用的逻辑(状态与方法)。

取决于是否需要对子组件进行优化,通常简单的子组件内容例如纯文本就没有必要在使用 hooks 去优化,此时直接导出函数式即可,如果子组件内容复杂并且需要减少函数式组件的重复渲染可以使用 hooks 优化。

本文参与了SegmentFault 思否面试闯关挑战赛,欢迎正在阅读的你也加入。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏