Say I have a comp that is inside of a Scene (`react-native-router-flux`). It lets people choose their favorite fruits. 

```
import React, {Component} from 'react';
import {View, Text, StyleSheet} from 'react-native';
import {MKCheckbox} from 'react-native-material-kit';

var styles = StyleSheet.create({});

export default class PickAFruit extends Component {
  render() {
    console.log(this.props.fruits);
    return (
      <View>
        {
          this.props.fruits.map((x)=> {
            return (
              <View key={x.key}>
                <Text>{x.key}</Text>
                <MKCheckbox checked={this.props.checked} key={x.key} onCheckedChange={(e) => {
                  this.props.update(e, '' + x.key)
                }}/>
              </View>
            )
          })
        }
      </View>
    )
  }
}

```

In the parent comp I'm loading the list of fruits from an API in the didMount: 

```
componentDidMount() {
    ApiInst.getFruits().then((fruits) => {
      console.log(fruits);
      console.log(this.props.fruits);
      this.props.fruits = fruits;         
    });

  }

```

I'm also setting a default `fruits` array in the parent class. It seems like the properties won't load via the API though, the list of fruit is always the "unknown" value, never the new values. Do I need to load the list of fruits before the Profile scene is loaded? When is the correct time to set properties for a component if they will come from an API?

`setState` seems like the easy answer but these settings don't "feel" like state, they feel like properties that would be injected at build-time (i.e. when the component is built, not the app). Is this a distinction without a real difference?