Javascript react.js中在组件中使用常量值的最佳实践是什么

如果子组件需要一个全局可设置的常量，例如可用预订时间，例如：

SESSION\uuurange=[9,17]

我需要首先将其解析为一个函数（

sessionCreator

）。 子组件真正接受的是对象数组（sessionData）

然后我需要在父组件中使用它：

const sessionData=sessionCreator（会话范围）

但是，我可以选择几个选项：
1.在父组件的render（）中。
2.在类中创建一个
getSessionData
函数，然后在
getSessionData
函数中使用上面的代码

考虑到这个用例，父组件的最佳实践是什么

const sessionData = sessionCreator(SESSION_RANGE);

从“../../constants/setting”导入{SESSION_RANGE}；
从“../../utils/function”导入{sessionCreator}；
//选择3
类父级扩展组件{
//选择2
render（）{
//选择1
返回(
)
如果这是常量且永远不会更改，则我会将其放在组件外部，因为当组件重新启动时，将无缘无故地重新创建常量。
如果这是常量且永远不会更改，则我会将其放在组件外部，因为当组件重新启动时，将为其重新创建常量没有理由。
你能展示你的组件吗？你能展示你的组件吗？是的，这就是我关心的。是的，这就是我关心的。
import { SESSION_RANGE } from '../../constants/setting';
import { sessionCreator } from '../../utils/function';
//option3

class Parent extends Component {
  //option2

  render(){
    // option 1
    return (
      <Child dataSource={sessionData} />
    )