title: How to differ languages in React Native, before component was mounted?
body: <p>I was expecting something like this to work. It doesn't because <em>this.text.pupil</em> is undefined</p>
  
  <ol>
  <li><p>Is it because of the componentWillMount?</p></li>
  <li><p>If yes, how can I differ languages outside of the render() function? Because in this case I have people with different roles and the languages to render and since I am newbie to React Native it was the only "beautiful" solution I have saw.</p></li>
  </ol>
  
  <pre><code>...
  import { t } from "../../../../methods/checkLanguage";
  ...
  
  class School extends Component {
  
    constructor(props) {
      super(props);
    }
  
    componentWillMount() {
      this.text = t("Buildings");
    }
  
    people = [
      {
        name: "Max Mustermann",
        role: this.text.pupil,
        image: require("../../../../..max.jpg")
      }, ....
    ]
  
  render() {
    return(
    .....
  
    {this.people.map((item, index) =&gt; (
               &lt;ImageName key={index} name={item.name} role={item.role} image={item.image}/&gt;
                  ))}
     .....)
  }
  
  </code></pre>