title: Conditionally Change Icons for Array Values
body: <p>Here is my simple code to call and display my posts</p>
  
  <pre><code>/// My API Data Call ///
  getPosts() {
      axios
        .get("myAPIDATA")
        .then(response =&gt; {
          this.setState({
            posts: response.data.response
          });
        });
    }
  
  // Displays data from API call successfully //
  {this.state.posts.map((post, index)=&gt; {
          return (
           &lt;View key={index}&gt;
            &lt;Text&gt;
              {post.category},
              {post.content}
            &lt;/Text&gt;
           &lt;/View&gt;
          )
        })}
  </code></pre>
  
  <p>I have 4 total categories that posts can fall under in post.category: A, B, C, D. If the post category is "A" I'd like to display a specific icon, if the category is "B" I'd like to display a different icon. At what point in my code would I define the conditional icons? During the getPosts or during the posts.map?</p>