constructor() {

Question

constructor() {

super()
this.state = {
data: []
}
}
componentDidMount(){
fetch('https://api.myjson.com/bins/agwup')
.then(response => response.json())
.then(data => this.setState({data}))
}

после этого хочу их вывести в селект

const selectCategories = this.state.data.categories

объявляю переменную в render

после этого в рендерю

selectCategories.map( (category, id) => {
return <option key={category + id} value={category}>{category}</option>
})

и получаю ошибку

Cannot read property 'map' of undefined

чяднт?

может это быть из-за того , что данные не пришли когда начал рендерится компонент?