意外的令牌，预期的错误（React-navigation）

Question

如果它收到outfitDetail道具，我会在头标题中渲染用户的图像和用户名。

class OutfitDetail extends Component { 
    static navigationOptions = ({navigation, screenProps}) => ({ 
    ... 
    headerTitle: (
     !!screenProps.outfitDetail ? (
      <View style={styles.container}> 
       <TouchableOpacity onPress={() => this.props.navigation.navigate('Profile', {id: userId})}> 
       {this._renderAvatar(screenProps.outfitDetail.user.image)} 
       </TouchableOpacity> 
       <View style={styles.content}> 
       <View style={styles.contentHeader}> 
        <RkText rkType='header5'>{screenProps.outfitDetail.user.username}</RkText> 
        <RkText rkType='secondary4 hintColor'> 
        <TimeAgo time={screenProps.outfitDetail.publish}/> 
        </RkText> 
       </View> 
       <RkText rkType='primary3 mediumLine'>{screenProps.outfitDetail.content}</RkText> 
       </View> 
      </View> 
    ): (<Text>Loading</Text>) 
    ), 
    ... 
    }); 

所以如果screenProps.outfitDetail不为空（不取还），它呈现装载，否则它呈现用户的照片和用户名。

为什么我会得到Unexpected token, expected , error (React-navigation)？ 错误发生在上面的第三行代码上。

Answer 1

static navigationOptions = ({navigation, screenProps}) => ({ 
headerTitle: (
    !!screenProps.outfitDetail ? (
     <View style={styles.container}> 
      <TouchableOpacity onPress={() => this.props.navigation.navigate('Profile', {id: userId})}> 
      {this._renderAvatar(screenProps.outfitDetail.user.image)} 
      </TouchableOpacity> 
      <View style={styles.content}> 
      <View style={styles.contentHeader}> 
       <RkText rkType='header5'>{screenProps.outfitDetail.user.username}</RkText> 
       <RkText rkType='secondary4 hintColor'> 
       <TimeAgo time={screenProps.outfitDetail.publish}/> 
       </RkText> 
      </View> 
      <RkText rkType='primary3 mediumLine'>{screenProps.outfitDetail.content}</RkText> 
      </View> 
     </View> 
):(<Text>Loading</Text>) 
), 
... other functions ... 
})