Несколько компонентов, но только первый отображается

Question

Я пытаюсь создать простое приложение ToDo, используя Ractive.js и Redux, но столкнулся с проблемой рендеринга более одного компонента на моей странице.

Javascript код:

import Ractive from 'ractive';
import template from './Home.html';
import './Home.less';

import { AddToDoForm, ToDoList } from '../';

export default Ractive.extend({
  template,
  data: {
    message: 'This is the home page.',
  },
  components: {
    AddToDoForm,
    ToDoList
  }
});

HTML компонента:

<AddToDoForm store={{store}} />
<ToDoList store={{store}} />

Но только первый компонент отображается. store параметр, который я передаю, - это хранилище Redux, но оно не работает даже без него.

Answer 1

Я бы добавил, чтобы проверить значения по умолчанию как

...
components:{
    AddToDoForm: AddToDoForm,
    ToDoList: ToDoList
}
...

примеры синтаксиса (answer/31096635)