如何解决此语法错误：Unexpected token (1:13)？

Question

我想知道我做错了什么，因为我的代码坚持显示在我的浏览器上，我还处于起步阶段，所以感谢更多熟练的人在 stackoverflow 上慢慢学习 :)

Card 1.jsx

Syntax error:() Unexpected token (1:13)

> 1 | import React {component} from 'react';
    |              ^
  2 | import '../Card.css'
  3 | 
  4 | const Card = (props) => (

完整代码：

import React {component} from 'react';
import '../Card.css'

const Card = (props) => (
    <div className="card-container">
        <div className ="card">
            <div className ="front">
                <div className="Que">Question</div>
            </div>
            <div classnName ="back">
                <div classnName ="Ans">Answer</div> 
            </div>
        </div>
    </div>
 )

export default Card

Answer 1

import React, {component} from 'react';

Answer 2

只需：import React from 'react';