Как исправить: Ошибка синтаксического анализа: неожиданный токен, ожидается "..."

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