reactjs - react JSX : Cache Props?

标签 reactjs

在 React/JSX 中多次访问相同的 props 值时,是否建议将对象缓存在局部变量中?

var ItemComponent = React.createClass({

  render: function() {

    var cached = this.props.item;

    return (
      <div className={cached.class}>
        <h1>{cached.heading}</h1>
        <p>{cached.text}</p>
      </div>
    );
  }
});

最佳答案

props 只是 JavaScript 对象的属性,而不是 getter 函数,因此性能上不应该有任何明显的差异。

关于reactjs - react JSX : Cache Props?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21712193/

相关文章:

javascript - 传递给子组件的 Prop 在更新父组件时不会更改其在子组件中的值

javascript - ReactJS使用对象键生成html

CSS 模块在部署到 Firebase 时没有为我的应用设计样式。创建 React 应用程序

javascript - React HOC 渲染没有父节点的兄弟节点

javascript - 如何处理选择中显示的文本?

javascript - React - 如何通过 ref 应用样式

javascript - 动态导入 React Material UI 图标

javascript - 根据 prop 有条件地添加元素

javascript - API 调用在 React 组件内返回 promise 而不是数据

javascript - setState 对象数组