Question

我已经编译了以下代码，这使我收到解析错误：意外的令牌，预期为“ ...” 错误不知道为什么。

import React,{Component} from 'react';
import EditableContetnt from './Fuck';
import Mymenu from './Mymenu';
import 'react-contexify/dist/ReactContexify.min.css';
import { MenuProvider } from 'react-contexify';


class App extends Component
{
  constructor()
  {
    super();
    this.state={name:'Hello World'};
  }
  render()
  {
    const {name}=this.state;
    console.log(name);
    return(
      <div>
        <MenuProvider id="menu_id">
            <EditableContetnt {name}/>
        </MenuProvider>

        <Mymenu/>
      </div>
    )
  }
} 

export default App;

当我运行模块时，它显示解析错误：意外的令牌，预期为“ ...”

Answer 1

尝试以不同的方式将name变量传递给MenuProvider组件。像这样：

<EditableContetnt name={name} />

Answer 2

尝试更改：导入“ react-contexify / dist / ReactContexify.min.css”；

到

import'./react-contexify/dist/ReactContexify.min.css';

（如果在同一目录中）

如何解决：解析错误：意外的令牌，预期为“ ...”

2 个答案: