NSDictionary型のネイティブJSON値に反するNSStringに変換できません

Question

開発しようとしているA React Native（バージョン0.38.0）のアプリに問題があります。私は基本的に私が行くように学習しています。

カスタムAPIエンドポイントからJSONを取得しています。私はJSONをループしていくつかのデータを出力することができましたが、問題は画像にリンクするstringです。私はエラーを受け取り続ける：

JSON Value of { robj = "https://example.com/img.jpg" } type NSDictionary Cannot be converted to NSString. 

Googleの周りにスカウトがあったので、私は問題の頭や尾を作ることはできません。

誰でも正しい方向に向けることができますか？

var api = { 
    getData() { 
    var url = 'https://example.com/api/json/' 
    return fetch(url).then((res) => res.json()) 
    } 
} 

class GetCategories extends Component { 
    constructor(props) { 
    super(props) 
    this.state = { 
     categories: [] 
    } 
    } 

    componentWillMount() { 
    api.getData().then((res) => { 
     this.setState({ 
     categories: res 
     }) 
    }) 
    } 

    render() { 
    var catLoop =this.state.categories.map(function(obj, index){ 
     var catTitle = '', 
      catImage = ''; 

     catTitle = obj.title; 
     catImage = obj.image; 

     return (
     <View key={index}> 
      <Image source={{uri: {catImage}}} style={{width: 400, height: 400}}> 
      <Text>{catTitle}</Text> 
      </Image> 
     </View> 
    ) 

    }); 

    return <View>{catLoop}</View> 
    } 
} 

Answer 1

これはあなたの問題を解決するべきである...

<Image source={{uri: catImage}} style={{width: 400, height: 400}}> 
    <Text>{catTitle}</Text> 
</Image>