javascript - 直接在ReactJS中的类定义上设置字段

Question

在 ReactJS 中这样做是一个好的做法吗？

var Component = React.createClass({
    render: function () {
        return (<div></div>);
    },

    field: 'value', // is this safe?
    method: function () { 
        // do something with field
    }
})

在开始建议我应该使用 this.props 或 this.state 之前，对我来说事实并非如此，因为这些字段不会影响渲染不管怎样，它们只是一起工作来控制渲染。

我想像使用常规 javascript“类”一样使用 React 类。

我在这里主要关心的是如何在 React 内部处理这些字段和方法，以及如果这些字段是在实例本身上设置还是直接在原型(prototype)上设置，这根本不适合什么我需要。

我进行了快速测试，似乎字段是在实例上设置的，方法是在原型(prototype)上设置的，这是理想的。但这是预期的和有记录的行为吗？这对于 future 的版本安全吗？

Answer 1

我认为它可以按照您的方式工作并且安全。但是，如果我理解得很好，您将直接在 View 中进行数据计算/转换。 因此，我建议您从 View 中删除此逻辑，并将其处理在 mvc 或 mv* 的模型部分、主干模型或通量存储中。

这样您就不会混合数据转换逻辑和纯渲染。