如何使用自定义钩子构造代码

询问

我想将代码分成2个文件。初始文件是:https : //codesandbox.io/s/ixq97

现在,我尝试将代码分成2个文件。该代码的一部分位于中test.js,另一部分位于index.js为此,我做到了:https : //codesandbox.io/s/custom-selection-ant-design-demo-s2x8b?file =/ index.js我在那里创建了useTest,它也将所有代码都保存在一起,

useTest()

但是现在我必须通过作为道具:rowSelection={rowSelection}Table组件中,但是我不能。如何使用钩子拆分这两个代码部分?还是存在另一种解决方案?

赛克

你快到了!您只是错过了回报。永远不要忘记这React只是JavaScript库,因此,您在React中使用的所有内容都是纯JavaScript。

鉴于此,您useTest只是一个函数,如果您需要从中获得一些价值,则需要简单的回报。对于你的情况是

export function useTest() {
    // ...
    return { rowSelection };
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用 useTheme() 钩子使用我的自定义主题?

来自分类Dev

如何在TypeScript中使用自定义钩子(Fetch)

来自分类Dev

NextJS:如何在自定义钩子中使用窗口?

来自分类Dev

React - 如何构建自定义钩子?

来自分类Dev

使用自定义钩子的动态className

来自分类Dev

如何使用Kotlin创建自定义视图的构造函数

来自分类Dev

如何在“地图”中使用React组件的自定义钩子

来自分类Dev

如何在Liferay 5.2.3中使用钩子创建自定义登录操作

来自分类Dev

Prestashop 1.5 如何在处理订单地址表单时使用钩子保存自定义表单

来自分类Dev

如何使用自定义模板生成代码?

来自分类Dev

您如何使用自定义错误并保留响应代码?

来自分类Dev

如何使用代码添加自定义BizTalk持久点?

来自分类Dev

如何使用自定义代码在Magento中创建?

来自分类Dev

如何在此代码中使用自定义函数?

来自分类Dev

如何使用代码添加自定义BizTalk持久点?

来自分类Dev

如何使用C ++代码调用Matlab自定义函数

来自分类Dev

如何使用 HttpWebResponse 处理自定义 HTTP 状态代码

来自分类Dev

反应:如何优化共享数据的自定义钩子?

来自分类Dev

如何区分不同的响应与useFetch自定义钩子

来自分类Dev

在React中,如何避免自定义钩子的多个实例?

来自分类Dev

如何输入自定义钩子useStateWithCallback React TypeScript

来自分类Dev

使用gitlab自定义接收后钩子

来自分类Dev

使用useEffect的自定义钩子(在挂载时)执行多次

来自分类Dev

使用自定义钩子在React Typescript中传递道具

来自分类Dev

使用自定义的React钩子获取数据

来自分类Dev

在回调函数中使用自定义钩子

来自分类Dev

React:使用自定义钩子处理动态引用

来自分类Dev

反应使用自定义钩子检测组件外部的单击

来自分类Dev

自定义钩子没有正确使用useState()?

Related 相关文章

  1. 1

    如何使用 useTheme() 钩子使用我的自定义主题?

  2. 2

    如何在TypeScript中使用自定义钩子(Fetch)

  3. 3

    NextJS:如何在自定义钩子中使用窗口?

  4. 4

    React - 如何构建自定义钩子?

  5. 5

    使用自定义钩子的动态className

  6. 6

    如何使用Kotlin创建自定义视图的构造函数

  7. 7

    如何在“地图”中使用React组件的自定义钩子

  8. 8

    如何在Liferay 5.2.3中使用钩子创建自定义登录操作

  9. 9

    Prestashop 1.5 如何在处理订单地址表单时使用钩子保存自定义表单

  10. 10

    如何使用自定义模板生成代码?

  11. 11

    您如何使用自定义错误并保留响应代码?

  12. 12

    如何使用代码添加自定义BizTalk持久点?

  13. 13

    如何使用自定义代码在Magento中创建?

  14. 14

    如何在此代码中使用自定义函数?

  15. 15

    如何使用代码添加自定义BizTalk持久点?

  16. 16

    如何使用C ++代码调用Matlab自定义函数

  17. 17

    如何使用 HttpWebResponse 处理自定义 HTTP 状态代码

  18. 18

    反应:如何优化共享数据的自定义钩子?

  19. 19

    如何区分不同的响应与useFetch自定义钩子

  20. 20

    在React中,如何避免自定义钩子的多个实例?

  21. 21

    如何输入自定义钩子useStateWithCallback React TypeScript

  22. 22

    使用gitlab自定义接收后钩子

  23. 23

    使用useEffect的自定义钩子(在挂载时)执行多次

  24. 24

    使用自定义钩子在React Typescript中传递道具

  25. 25

    使用自定义的React钩子获取数据

  26. 26

    在回调函数中使用自定义钩子

  27. 27

    React:使用自定义钩子处理动态引用

  28. 28

    反应使用自定义钩子检测组件外部的单击

  29. 29

    自定义钩子没有正确使用useState()?

热门标签

归档