如何解决此React错误(Javascript)？
如何解决此React错误(Javascript)？
提问于 2018-05-28 09:01:40
./src/Card/Card.jsx语法错误:意外标记(5:19)
3 |
4 | const Card = (props) => (
> 5 | <div className-"card-container">
| ^
6 | <div classnName ="card">
7 | <div className ="front">
8 | <div classnName="Que">Question</div>
我做错什么了？
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-05-28 09:04:30
它应该是一个=，而不是你的div className之前的-，如下所示：
3 |
4 | const Card = (props) => (
> 5 | <div className="card-container">
6 | <div classnName="card">
7 | <div className="front">
8 | <div classnName="Que">Question</div>
我强烈建议您阅读官方文档以了解更多关于JSX的信息：
Stack Overflow用户
发布于 2018-05-28 10:14:47
它应该是'=‘。
<div className='card-container">并更正第二个和第四个div中className的拼写。否则类将在css中被捕获，但不会抛出语法错误。
<div className ="card">Stack Overflow用户
发布于 2018-05-28 09:54:48
使用babel来转换您的代码，使用CMD或与webpack结合使用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50557906
复制相关文章
相似问题