多個組件，但只有第一個呈現

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)