Question

我正在尝试实现一个无状态的React组件，它将在页脚中显示方向（作为文本） - 我称之为Direction组件。此组件旨在包含在表示不同页面的其他父组件中，这些组件将作为必要方向传递为Direction组件呈现的道具。

// direction.js 
'use strict';

var React = require('react');

var Direction = React.createClass({

    propTypes: {
        directionText: React.PropTypes.string.isRequired
    },

    render: function() {
        return (
            <div className="direction">
                <p className="direction-text">
                    {this.props.directionText}
                </p>
            </div>
        );
    }

});

module.exports = Direction;

// controller.js
var DirectionController = {
  // not sure how to configure it
};

我不确定如何配置controller。

我是否需要controller，因为此组件只是呈现文本而不处理用户交互？
这个组件应该像我想的那样简单吗？

我是React的新手。

Answer 1

您只需在需要时将Direction组件包含在渲染中，并使用您想要显示的内容传递属性directionText

Dog

在React.js中实现无状态子组件

1 个答案: