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)

多个组件，但只有第一个组件呈现

1 个答案: