React

react-test-renderer + react-lazyloadでjestのsnapshotテストをしたいっ! React

react-test-renderer + react-lazyloadでjestのsnapshotテストをしたいっ!

タイトルにテストをしたい!と書きましたが、実際は元々React17では動いていたんですが、React18にしたら動かなくなったので動かしたいっ!です。 React18はreact-lazyloadを使わなくても、React.lazy() / Suspenseで、似たようなことはできるんですが書き換え…
useEffectのよくやるパターンをメモっ! React

useEffectのよくやるパターンをメモっ!

componentDidMountの置き換え componentDidMount() { getHogeList(); } mount時にデータ取得するようなやつ。 useEffect(() => { getHogeList(); }, []); 二つ目の引数に空のArrayを渡すと最初のre…
ReactでonClickをネストにしたいっ! React

ReactでonClickをネストにしたいっ!

やりたいことをコードで書いてみたけど、これ何の為に必要なのかよくわからんなw render ( <a onClick={e=>{ console.log('parent!!'); }}> 外側 <span onClick={e=>{ console.log('child…
jsxでコメントアウト React

jsxでコメントアウト

前に作ったMessageクラスですが、、 var Message = React.createClass({ render: function() { return ( <div className="message"> <h2 className="…