ReactJS Родитель не рендеринг Дети

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

Будет ли это работать.

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