Reacting to moods with icons
In cases where your value is determined by a string key, a key-value mapping is often the way to go. In this case, we store your icon JSX and questions in objects keyed by description. Then you simply access them using the current description as key.

const icons = {
  Happy: &lt;FontAwesomeIcon icon={faSmile} /&gt;,
  OK: &lt;FontAwesomeIcon icon={faMeh} /&gt;,
  Angry: &lt;FontAwesomeIcon icon={faAngry} /&gt;
}

const questions = {
  Happy: 'You answered happy. Why?',
  OK: 'You answered OK. Why?',
  Angry: 'You answered angry. Why?'
}

class myQuestion extends PureComponent {
  render() {
    const { description } = this.props.question
    const icon = icons[description] || ''
    const question = questions[description] || ''

    return (
      &lt;div&gt;
        &lt;Question
          icon={icon}
          description={description}
          question={question}
        /&gt;
      &lt;/div&gt;
    )
  }
}