Question

使用backbone-react-component我正在尝试构建各种任务列表。如果您查看提供的snipplet，您将看到核心变量tasksList和tasksListChild，其中我的代码到目前为止似乎已呈现为_createTaskChild但是渲染超出此范围我没有任何内容，字面意思，甚至在控制台窗口中都没有错误。我把console.log更好地详细说明了哪些方面有些失败？... console.log(model.get('task_id'));会向控制台发出没问题。 console.log('hi')但是，不是。我希望通过这里额外的一双眼睛可以告诉我在哪里搞砸了。

var tasksListChild = React.createClass({
    mixins: [BackboneReactMixin],
    render: function () {
        console.log('hi')
        return (
            <span onClick={ this._handleTaskClick }>nothing</span>
        );
    },
    _handleTaskClick: function (event) {
        console.log(this.props)
    }
});


var tasksList = React.createClass({
    mixins: [BackboneReactMixin],
    render: function () {
        return (
            <div className="list-group js__page-list-group-tasks">
            {
                this.getCollection().map(this._createTaskChild)
            }
            </div>
        );
    },
    _createTaskChild: function (model) {
        console.log(model.get('task_id'));
        return (
        <a className="list-group-item">
            <tasksListChild key={model.get('task_id')} model={model} />
        </a>
        );
    }
});

Answer 1

这会有效吗？

＆＃13;

_createTaskChild: function (model) {
        var taskID = model.get('task_id');
        console.log(taskID);
        return (
        <a className="list-group-item">
            <tasksListChild key={taskID} model={model} />
        </a>
        );
    }

＆＃13;

ReactJS Parent不呈现Children

1 个答案: