sschwei1/test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Wrap Cell in React.Memo

Browse Source
This commit is contained in:
sschwei1 2022-11-22 23:52:19 +01:00
parent 4349269aff
commit 0f8c2d09b4
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/game/Cell.tsx
View File

@ -1,4 +1,4 @@
import {MouseEvent} from 'react'; import React, {MouseEvent} from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
interface CellProps { interface CellProps {
@ -9,7 +9,7 @@ interface CellProps {
let currentDragValue = true; let currentDragValue = true;
const Cell = ({value, position, updateCell}: CellProps) => { const Cell = React.memo(({value, position, updateCell}: CellProps) => {
const cellClasses = classNames({ const cellClasses = classNames({
'cell': true, 'cell': true,
'active': value 'active': value
@ -35,6 +35,6 @@ const Cell = ({value, position, updateCell}: CellProps) => {
onMouseEnter={handleCellMouseOver} onMouseEnter={handleCellMouseOver}
/> />
) )
} });
export default Cell; export default Cell;

2
src/components/game/controlPanel/ControlPanel.tsx
View File

@ -45,7 +45,7 @@ const ControlPanel = ({
/> />
</ControlElement> </ControlElement>
<ControlElement title='Change Speed'> <ControlElement title='Time per iteration' alignment='center'>
<SpeedSelector <SpeedSelector
handleUpdateSpeed={handleUpdateSpeed} handleUpdateSpeed={handleUpdateSpeed}
speed={gameOptions.speed} speed={gameOptions.speed}