gpt4 book ai didi

reactjs - 无状态功能组件中的助手

转载 作者:行者123 更新时间:2023-12-03 13:22:14 26 4
gpt4 key购买 nike

随着 React 中无状态功能组件的引入,我们有多种方法向组件添加辅助方法。关于辅助函数的定义标准实践是什么?

辅助函数并不是一个通用的实用函数。 (这意味着它仅用于该特定组件)

将它们放在组件函数中?

export const myComponent = (props) => {
const myHelper = (value) => {
// Insert logic
};

return <div>{myHelper(props.mystate.value)}</div>;
};

将它们放在函数之外,但在同一个文件中?

const myHelper = (value) => {
// Insert logic
};

export const myComponent = (props) => {
return <div>{myHelper(props.mystate.value)}</div>;
};

或者有其他常用的替代方法吗?

最佳答案

如果将辅助函数放入组件函数中,则每次执行组件函数时,它都会创建辅助函数的新实例,并且在函数执行后,该实例可能会被垃圾收集。所以通常我会把它放在外面。

当然也有异常(exception),如果你使用箭头函数,你可能需要词法作用域,因此将它放在组件函数内,但如果它是纯函数,我会说它应该放在外面。

关于reactjs - 无状态功能组件中的助手,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35112408/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com