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';
interface CellProps {
@ -9,7 +9,7 @@ interface CellProps {
let currentDragValue = true;
const Cell = ({value, position, updateCell}: CellProps) => {
const Cell = React.memo(({value, position, updateCell}: CellProps) => {
const cellClasses = classNames({
'cell': true,
'active': value
@ -35,6 +35,6 @@ const Cell = ({value, position, updateCell}: CellProps) => {
onMouseEnter={handleCellMouseOver}
/>
)
}
});
export default Cell;

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

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