scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 17:45:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Use useCallback instead of binding anonymous function

Browse source
This commit is contained in:
Paul Kaplan 2021-04-01 09:23:42 -04:00
parent b8b56fff61
commit ead57013e3
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/views/studio/studio-comments.jsx
View file

@ -1,4 +1,4 @@
import React, {useEffect} from 'react';
import React, {useEffect, useCallback} from 'react';
import PropTypes from 'prop-types';
import {useParams} from 'react-router-dom';
import {connect} from 'react-redux';
@ -18,6 +18,11 @@ const StudioComments = ({
replies
}) => {
const {studioId} = useParams();
const handleLoadComments = useCallback(() => {
getTopLevelComments(studioId, comments.length);
}, [studioId, comments.length]);
useEffect(() => {
if (comments.length === 0) getTopLevelComments(studioId, 0);
}, [studioId]);
@ -49,8 +54,7 @@ const StudioComments = ({
{moreCommentsToLoad &&
<Button
className="button load-more-button"
// eslint-disable-next-line react/jsx-no-bind
onClick={() => getTopLevelComments(studioId, comments.length)}
onClick={handleLoadComments}
>
<FormattedMessage id="general.loadMore" />
</Button>