ReactJs TetrisApp следующий TETROMINOES дисплей Решение

Question

Я работаю над этим Tetrisapp с крючками. Я хочу продвинуться на один шаг вперед. Я хочу добавить текущую фигуру TETROMINOES в боковое отображение. Я обнаружил, что фигуры генерируются через sr c> component> <StyledCell type={type} color={TETROMINOES[type].color} />, где type создает TETROMINOES, я хочу добавить это для отображения, чтобы он мог показывать текущие TETROMINOES здесь https://codesandbox.io/s/ruhew ссылка для детской площадки, которую я нашел в Интернете. Я хочу добавить небольшой дисплей после запуска кнопки

любая помощь будет оценена Спасибо заранее

Answer 1

Итак, после некоторого мозгового штурма и поиска в Google, наконец, я нашел решение. Пожалуйста, отправляйтесь в мой репозиторий Github https://github.com/NishantThapa/TetrisAppWithHooks Не стесняйтесь раскошелиться соответственно. :)