javascript - 如何修复：解析错误：意外的令牌，预期的“...”

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;

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

标签： javascriptreactjsecmascript-6

Answer 1

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

<EditableContetnt name={name} />