ReactJS — Watch for changes and fetch

watch-changes.js

// New
const [clear, setClear] = useCycle(false, true)

useEffect(() => {
	//props to watch for changes
	const watchlist = ["clear"]

	if (watchlist.some(prop => props[prop] !== clear)) {
	    console.log("clear is", clear, "props.clear is", props.clear)
	}
})


// Old
componentDidUpdate(prevProps, prevState) {
	//props to watch for changes
	const watchlist = ["usersAmount", "gender"]

	if (watchlist.some(prop => prevProps[prop] !== this.props[prop])) {
	    this.fetchJSON(`https://randomuser.me/api/?results=${this.props.usersAmount}&gender=${this.props.gender}`);
	}	
}