Babel錯誤：JSX值應該是表達式或帶引號的JSX文本

Question

我在嘗試將JSX代碼編譯爲JS時收到了來自Babel的錯誤。如果這是一個明顯的問題，我是新來的，所以我很抱歉，我沒有找到任何關於它的事情。我試圖在這段代碼中使用道具，並將一個pageTitle道具傳遞給我的FieldContainer組件。這給我一個問題，但是，這不會讓代碼編譯爲JS。我在搜索中發現prop值應該在{}之間傳遞，但是添加這些值並沒有幫助。有任何想法嗎？謝謝！

Answer 1

很難告訴你正在嘗試做的，但作爲錯誤說，一個屬性的值必須是一個表達式{foo}或引用文本"foo"。

在這種情況下

Child={<LoginForm />} 

或

Child={LoginForm} 

可能是你想要的東西。

Answer 2

我得到這個錯誤，因爲我沒有引用JSX的內部屬性：

<span aria-hidden=true ... 

應該已經

<span aria-hidden="true" ...