我该如何解决这个React Error（Javascript）？

Question

./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>

我做错了什么？

Answer 1

它应该是你的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的更多信息：

Introducing JSX

JSX in Depth

Answer 2

它应该是'='。

<div className='card-container">

并在第二和第四个div中更正className的拼写。否则该类将在css中捕获，但它不会引发语法错误。

 <div className ="card">

Answer 3

使用babel使用CMD或与webpack一起转换代码。