What is even going on in this function? You can remove it entirely. React components accept arrays as children, so doing `this.state.countries.map(this.renderOption)` inside your `select` components gets the job done. In fact, I'd move the `map` out into its own function and fold the option rendering into it. So, `renderOption` becomes `renderOptions`:

```javascript
renderOptions: function() {
  return this.state.countries.map(function(country) {
    return <option value={country.id}>{country.name}</option>;
  });
,
```

Then, in your `select` components, you can just do `{this.renderOptions()}`.