Reactでテトリスをつくる③＿枠とミノを統合する #React

一秒置きにミノを下に下げて、枠とミノを統合し、描画する

落下の細かい処理はまた後でやることにする

export TetrisTetris = () => {
　　//枠と下に落ちたミノと動いているミノを統合したもの
    const [disp, setDisp] = useState(Base)
　　//動いているミノ
    const [mino, setMino] = useState(minoT.reset().val2(4,0))
　　//枠と下に落ちたミノ
    const [dispD, setDispD] = useState(Base)
    //ミノを一秒置きに下に一マス下げる
    useEffect(() => {
        setTimeout(() => {
            setMino([[0,0,0,0,0]].concat(mino))
        },1000)
        setDisp(merge(dispD, mino))
    },[mino])
    return (<Display disp={disp}/>)
}