我正在尝试解决 React 语法错误，但没有任何效果

Question

我的 App.js 代码收到错误：./src/App.js SyntaxError: C:\Users\gabri\Desktop\bd\src\App.js: Unexpected token, expected "," (19:15 ) 17 | return ( 18 | // 变量 - 组件 > 19 | {character ? : P ```

import './App.css';
import {useState} from 'react';
import characterCard from './components/characterCard';

function App() {

  const [character, setCharacter] = useState ({});
  const [name, setName] = useState ('Walter+White');

  async function getCharacter(){
    const [character] = await (await fetch(`https://www.breakingbadapi.com/api/characters?name=${name}`)).json();
    console.log(character);
    setName(character);
  }

  return (
    
    {character ? <characterCard character = {character}/> : <button onClick = {getCharacter}>Procurar personagem</button>}

  )
};

  
export default App;

这里有我的 index.js

function characterCard({character}){



    return (<h1>{character.name}</h1>);

}

export default characterCard;

有人可以帮帮我吗？

Answer 1

为了使用 React 语法（JS 中的 XML），您必须使用以下语法在每个组件中导入“React”：

import React from 'react';

在您的情况下，由于您还要导入 useState()，请将导入语句修改为：

import React, {useState} from 'react';

如果您已将项目配置为使用Babel，这将起作用。如果你不熟悉这一切，只是想开始学习 React，请尝试create-react-app。