- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何在 React.createClass()
中处理自定义 JavaScript 属性?
这里是示例:
var RouterView = React.createClass({
mixins: [Morearty.Mixin],
isAuthorized: false, // should it be part of state ??
isVerified: false, // should it be part of state ??
bindToAuthorization: function() {
if(/* blah-blah-blah */) {
this.isAuthorized = true;
}
},
render: ...
});
看起来 .isAuthorized
和 .isVerified
在语义上应该像组件的状态一样,但它只是 .createClass()
规范的属性。
.isAuthorized
和 .isVerified
如何运作?它的行为类似于static
吗?在 React 的文档中找不到任何有关此内容的信息。
最佳答案
这取决于授权发生的地点。
如果确定授权的逻辑发生在子组件中 - 并且仅在子组件中 - 那么它将处于子组件状态。这意味着 isAuthorized
、isVerified
不会是 props,它们将是子组件中的状态。 bindToAuthorization
将由组件本身定义,而不是其父组件。
更有可能的是,您希望授权逻辑位于组件层次结构中的更高位置,或者完全位于组件层次结构之外(如果使用 Flux)。
请记住,低阶组件通常不需要任何状态。父组件可以简单地在不同的 props 中重新渲染它们。这使得您的 bindToAuthorization
变得不必要。父组件不需要将授权逻辑委托(delegate)给子组件;当相关属性发生变化时,它只是重新渲染它。
关于javascript - 具有自定义属性的 React.createClass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34342303/
有人知道为什么会出现此警告吗? 另一个警告是:ReactNative.createElement 已被弃用。请改用“react”包中的 React.createElement。 代码是: var Re
var React = require('react'); module.exports=React.createClass({ render:function(){ return(
我正在挖掘 React.js 源代码,这就是我目前正在尝试理解的内容。 var ReactClass = { /* * @param {object} spec Class speci
如何在 React.createClass() 中处理自定义 JavaScript 属性? 这里是示例: var RouterView = React.createClass({ mixins:
可能是一个基本问题,但为什么它在 React 中,当你使用 createClass 时它可以接受 specification object采用键值对格式,例如 React.createClass({
我有一个我正在努力解决的范围问题。 我将 getTrackNotes 导入到 es6 模块中,我想按照下面的方式在 React 类中引用它,但它被设置为 Track(React 类)。 如何引用它?
我正在尝试在 React 中创建一个函数,它最终应该进行一些计算并将结果返回到我的组件。该功能尚未完成,所以如果我的说明没有意义,请耐心等待。 我正在使用React.createClass。 代码如下
有什么不同 var MyClass = React.createClass({...}); 到 class MyClass extends React.Component{...} 最佳答案 这两种方
这个问题在这里已经有了答案: Arrow Function in Object Literal [duplicate] (1 个回答) 关闭 5 年前。 我正在尝试调用 React.createCl
我是 React 新手,对于这个非常基本的问题感到抱歉。我在 Google 上搜索并尝试了其他 StackOverflow 帖子,但没有任何效果。我正在尝试创建一个带有验证的表单,我发现了这个示例:
我有一些使用 React.createClass 创建的组件的 React 代码。 某些组件将对象上的内容存储为普通属性,例如this.foo 与 this.props.foo 或 this.stat
我是一名新的 JS 开发人员,我正在探索 React-Native。我最近购买了邦妮·艾森曼 (Bonnie Eisenman) 的“Learning React Native”,并且正在从事第一个迷
我想在我的小项目中尽可能使用 ES6 (ES2015)。现在我想在 React 中使用箭头函数。 // What I want let Text = React.createClass({ c
我是 React 新手,正在尝试掌握语法。 我正在 React 15 环境中进行开发(使用 React-starterify 模板),并且一直在使用下面版本 2 中的语法,但是,我在 Facebook
我很困惑组件和 react 类之间有什么区别? 什么时候我应该在 React 类上使用组件?看起来组件就是一个类,而 createClass 创建了一个组件。 https://facebook.git
警告 - 这听起来像是有史以来最菜鸟的问题,但我认为对于最初尝试处理 React 组件的人来说这是一件令人困惑的事情(或者也许我是个白痴哈哈),但我认为这将是一个很好的选择初学者社区的问题。 所以我想
我想在 Android 上使用 React Native 创建一个简单的应用程序。我使用此源代码来创建工具栏:https://rnplay.org/apps/CHOsPg但我收到了这个错误: unde
我想将带有 createClass 的代码转换为 ES6 类。当涉及到带有 getInitialState 函数的类时,我遇到了一些麻烦。 下面是我尝试转换的代码: var StockRow = Re
我觉得我已经看过 React 的 creatClass 的两个版本,前者在文档中更为明显。除了风格上的区别,两者之间有什么区别吗?奇怪的是,第一种样式看起来像是在接受一个对象,而第二种样式只是一个范围
我有一个带有 webpack 模块构建器的 ReactJS 应用程序,以下是我的 中的配置webpack.config.js var path = require('path'); var webpa
我是一名优秀的程序员,十分优秀!