Простое условие в if но не понимаю почему не срабатывает какие бы условия не подставлял....
Отмена рендера
Давайте проверим, как работает метод shouldComponentUpdate.
Компонент должен быть перерисован при изменении поля состояния currentValue.
Но повторный рендер должна происходить только в том случае, если currentValue больше 4
Не изменяй методы render и updateValue компонента App.
`import React from 'react';
class App extends React.Component {
state = {
currentValue: 0,
}
updateValue = () => {
const { currentValue } = this.state;
this.setState({
currentValue: currentValue + 1
});
};
shouldComponentUpdate(nextProps){
if(nextProps.currentValue <= 4){
return false;
} else {
return true;
}
}
render() {
const { currentValue } = this.state;
return (
<div>
<h4>Current value: {currentValue}</h4>
<button onClick={this.updateValue}>Update</button>
</div>
);
}
}
export default App;
