String

---

title: String
permalink: ReactNotes/String
category: ReactNotes
parent: ReactNotes
layout: default
has_children: false
share: true
shortRepo:

• reactnotes
• default

---

Table of contents

{: .text-delta } 1. TOC {:toc}

---

Text Manipulation

keep white space

        <FieldDescription style={{whiteSpace: 'pre-wrap'}}>      
    {`    -Choose one or more of these options      
              CLIENT_ADMIN / RESULT_VIEWER / INTERVIEWER / REQUESTOR /      
              SCHEDULER / CLIENT_ADMIN / RESEARCH / COACH / ORDER_MANAGER /      
              TADMIN `}      
    <br/>      
</FieldDescription>       

add formatting to component

      const createThemeToolTip = (themeSummary, significance) => {      
    return significance      
           ? <> {themeSummary}.      
            <i>      
                <FormattedMessage id="theme.significance.tooltip.label"/>      
            </i>      
           </>      
           : themeSummary;      
};      

dynamic internationalized component

• Internationalized text component

Dynamic tooltip

• Complex UseCase

• Simple UseCase