javascript - 多个组件，但仅渲染第一个组件

Question

我正在尝试使用 Ractive.js 和 Redux 创建简单的 ToDo 应用，但在页面上渲染多个组件时遇到了问题。

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)