尝试将我的 JSX 代码编译成 JS 时，我收到来自 Babel 的错误消息。如果这是一个明显的问题，我是新手，所以很抱歉，我无法找到任何似乎相关的内容。我试图在这段代码中使用props，并将 pageTitle props传递给我的 FieldContainer 组件。但是，这给我带来了一个问题，即不允许代码编译为 JS。我在搜索中发现 prop 值应该在 之间传递{}，但添加这些没有帮助。有任何想法吗？谢谢！
Babel 错误：JSX 值应该是表达式或引用的 JSX 文本
IT技术
reactjs
babeljs
react-jsx
2021-05-08 11:34:27
3个回答
在这里很难判断您要做什么，但正如错误所说，属性的值必须是表达式{foo}或带引号的文本"foo"。
在这种情况下
Child={<LoginForm />}
或者
Child={LoginForm}
可能是你想要的。
我收到这个错误是因为我没有在 JSX 中引用一个属性：
<span aria-hidden=true ...
本来应该
<span aria-hidden="true" ...
刚遇到同样的问题，我正在写
component="Contacts"
通过将其重写为：
component={Contacts}
其它你可能感兴趣的问题