时间戳

首页 > 解决方案 > react.js 在组件中使用常量值的最佳实践是什么

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

问题描述

如果子组件需要一个全局可设置的常量，例如可用的预订时间，例如：SESSION_ RANGE = [9, 17].

我需要先把它解析成一个函数（sessionCreator）。子组件真正接受的是一个对象数组（sessionData）。

然后我需要在父组件中使用它：
const sessionData = sessionCreator(SESSION_RANGE);

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

鉴于此用例，用于父组件的最佳实践是什么？

const sessionData = sessionCreator(SESSION_RANGE);

import { SESSION_RANGE } from '../../constants/setting';
import { sessionCreator } from '../../utils/function';
//option3

class Parent extends Component {
  //option2

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

标签： javascriptreactjs

解决方案

如果这是恒定的并且永远不会改变，那么我会将它放在组件之外，因为当组件重新呈现时 - 将无缘无故地重新创建常量。

推荐阅读