jsxファイルにタブコードを含める

Question

私はjsxファイルを持っており、タブコードを含める必要があります。

jsxに自分のタブを含めると私はこの構文エラーを取得：

./src/views/summary/summary-view.jsx 
Module build failed: SyntaxError: C:/workspace/src/views/summary/sports.jsx: Unexpected token (91:55) 

    89 |          <div id="main" className="section flex-container flex-full"> 
    90 |           var Tabs = React.createClass({ 
> 91 |            displayName: 'Tabs', 

Answer 1

あなたはあなたがしようとしているようjsxタグ内部の部品に反応作成することはできません。

var Tabs = React.createClass({ 
    ... 
}); 

const Summary = React.createClass({ 
    render() { 
    return (
     <div> 
     <Tabs /> 
     </div> 
    ); 
    } 
}); 

：あなたのようなものを持っている必要があり

const Summary = React.createClass({ 
    render() { 
    return (
     <div> 
     var Tabs = React.createClass({ 
      ... 
     }); 
     </div> 
    ); 
    } 
}); 

：

のではなく