无法在React JS中突出显示文本

Question

我有一个反应成分。通过JSX输出的文本是不可选择的。我希望能够将鼠标拖动到文本上并进行复制。有什么想法吗？

具体地说，我希望discount_code是可选的。

<div style={styles.discountContainerCode}>
  <div style={styles.titleRowCode}>
    <div style={styles.discountRowTitle}>Code</div>
  </div>
  <div style={styles.codeRowBox}>
    <div style={styles.code} >{this.state.discount_code}</div>
  </div>
  <div style={styles.codeRowTextContainer}>
    <div style={styles.codeRowText}>
      To redeem your code tap the button below, fill out the <u>Free Qoute Online</u> form and enter your code at checkout.
    </div>
  </div>
  <div style={styles.codeRowButton}>
    <div style={styles.codeRowButtonText}>Redeem Code</div>
  </div>
</div>