установить динамический ключ и заголовок в tabview, используя реагировать родной

Question

state = {
index: 0, 
routes: [
  { key: 'first', title: 'First' },
  { key: 'second', title: 'Second' },
],
render() {
return (
  <TabView
    navigationState={this.state}
    renderScene={SceneMap({
      first: FirstRoute,
      second: SecondRoute,
    })}
    onIndexChange={index => this.setState({ index })}
    initialLayout={{ width: Dimensions.get('window').width,height: Dimensions.get('window').height }}
  />

}

Это мой код, как установить динамический ключ и заголовок, я также использовал this.state и this.props, но это дает мне ошибку