背景
styled-components tutorialのadvanceを勉強しはじめました。
ところが、あるエラーが発生し先に進めません。stack overflowなども調べましたが、有力な解決策が見つかりませんでした。
問題のコード
javascript
1/*この上はチュートリアル(https://www.styled-components.com/docs/advanced)に沿ったもの*/ 2 3class App extends Component { 4 render() { 5 return ( 6 <div className="App"> 7 <Button>Normal</Button> 8 <ThemeProvider theme={theme}> 9 <Button>Themed</Button> 10 </ThemeProvider> 11 </div> 12 ); 13 } 14}
これをexpoprtし、index.jsを以下のようにしました
javascript
1import React from 'react'; 2import ReactDOM from 'react-dom'; 3import App from './App'; 4 5ReactDOM.render(<App />, document.getElementById('root'));
エラー
React.Children.only expected to receive a single React element child.
一体、何が問題なのでしょうか?どのように解決できますでしょうか?回答よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。