Как выполнить функцию 1 раз?

Question

[Александр]

Как выполнить функцию один раз?

class App extends React.Component {
	constructor(props) {
		super(props);

		this.state = {
			activeView: 'selectcountryandcity',
			fetchedUser: null,
		};
	}
	componentDidMount() {
	}

	checkUserBd = (userId) => {
		axios.get('http://localhost:8000/api/profiles/', {
			params: {
				vk_id:userId
			}
		})
		.then(function(response){
			if(response.data.length !== 0){
				this.setState({user: response.data[0]});
				console.log('user')
			} else {
				console.log('net')
			}
		}.bind(this))
	}
	render() {
		this.checkUserBd(123123);
         <Root activeView={this.state.activeView}>
					<SelectCountryAndCity 
						id="selectcountryandcity"
						token={this.state.token}
						countries={this.state.countries}
						cities={this.state.cities}
					/>
				</Root>
	};
};

Сейчас функция CheckUserBd при загрузке страницы начинает вызывать бесконечное количество раз, если убираю .bind(this) в функции, то не передается контекст и функцию this.setState не видно.

Answer 1

[Владимир Проскурин]

Никогда не пишите в render код/функции, которые меняют состояние setState, т.к. почти за каждым setState следует render, а render опять вызовет setState, а тот опять render - и так вечно, что у вас и происходит. Вы можете вызвать checkUserBd внутри componentDidMount.

Comments

[Александр]

Спасибо, учту!

Answer 2

[0xD34F]

Перенесите вызов checkUserBd в componentDidMount.

Comments

[Александр]

Спасибо!