VSCode(visual studio Code)で
htmlファイルにreact jsxを記述しています。
type="text/babel"を付与するとVSCodeの自動整形が昨日しなくなります。
下記だと自動整形を受け付けるのですが、
script
html
1 <script> 2 var MyComponent = React.createClass({] 3 getInitialState: function () { 4 return { count: 0 } 5 }, 6 render: function () { 7 return ( 8 <div> 9 <input type='text' onChange={this.doChange}></input> 10 <span>{this.state.count}</span> 11 </div > 12 ); 13 }, 14 doChange: function (e) { 15 this.setState({ count: e.target.value.length }); 16 } 17 }); 18 // コンポーネントの利用 19 ReactDOM.render( 20 React.createElement(MyComponent), 21 document.getElementById('main') 22 ); 23 </script>
type="text/babel"を付けると自動整形しない
html
1 <script type="text/babel"> 2 var MyComponent = React.createClass({] getInitialState: function () { return { count: 0 } }, render: function () { return 3 ( 4 <div> 5 <input type='text' onChange={this.doChange}></input> 6 <span>{this.state.count}</span> 7 </div> 8 ); }, doChange: function (e) { this.setState({ count: e.target.value.length }); } }); // コンポーネントの利用 ReactDOM.render( React.createElement(MyComponent), 9 document.getElementById('main') ); 10 </script>
自動整形が機能するように設定など解決策はあるのでしょうか?
回答1件
あなたの回答
tips
プレビュー