React ブラウザが真っ白
Q&A
解決したいこと
エラーは出ないのにブラウザが真っ白になって何も表示されなくなります。
発生している問題・エラー
エラ-はなし
または、問題・エラーが起きている画像をここにドラッグアンドドロップ
### 該当するソースコード
```React
import logo from './logo.svg';
import './App.css';
import Counter from './components/Counter';
function App() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
<body>
{/* <Counter></Counter> */}
</body>
</div>
);
}
export default App;
//Counterのソースコード
import { useState } from "react"
function Counter() {
const [count, setCount] = useState(0)
const countup = () => {
setCount(prevState => prevState + 1)
}
const countdown = () => {
setCount(prevState => prevState - 1)
}
return (
<>
<button type="button" onChange={countup}>+</button>
<button type="button" onChange={countdown}>-</button>
<input>{count}</input>
</>
)
}
export default Counter
例)
def greet
puts Hello World
end
自分で試したこと
Counterコンポーネントを呼び出すと画面が真っ白になります。コメントアウトしてると普通に表示されます。
分かる方がいらっしゃいましたら教えてほしいです。
よろしくお願いします。
0