0

Имеется компонент React

export default class DepartmentInput extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            departmentList: ''
        };

        this.getDeparnmentList = this.getDeparnmentList.bind(this);
    }

    getDeparnmentList(url) {
        fetch(url, {method: 'GET'})
            .then((res) => {
                res.json().then((data) => {
                    this.selectItems = data;
                })
            });
    }

    componentDidMount() {
        this.getDeparnmentList('/getDepartmentList');
    }

    render() {
        console.log(this.selectItems);
        return (
            <div className='DepartmentInput'>
                <select className='DepartmentInput__select'>

                </select>
            </div>
        )
    }
}

Как обработать ответ сервера, чтоб его значение в методе render не было undefined

5
  • Запишите его в state и используйте.
    – meine
    28 фев 2019 в 10:01
  • res.json() .then((data) => { this.setState({ departmentList: data }) }) Разве ето не вызовет метод рендер 2 раза?
    – play0rdie
    28 фев 2019 в 10:03
  • Попробуйте и посмотрите :)
    – meine
    28 фев 2019 в 10:20
  • получаю 2 вывода в консоль: сначала undefined потом нужные данные
    – play0rdie
    28 фев 2019 в 10:27
  • Перекиньте fetch в componentDidMount
    – meine
    28 фев 2019 в 11:15

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.