How to use locale - 10 common examples

private renderLocation(): JSX.Element {
    return (
      <div>
        <div>
          <input> {
              this.addressInput = el
            }}
            type="text"
            className={styles.addressInput}
            onKeyPress={this.onLocationKeyPress}
            onChange={() =&gt; {
              /* force react controlled input */
              this.onAddressChange()
            }}
            placeholder={t('requestUrlPlaceholder')}
            spellCheck={false}
            autoFocus
          /&gt;
        </div>
      </div>
    )
  }

private renderURL() {
    return (
      <section>
        <p>{t('shareSessionUrl')}</p>
        
      </section>
    )
  }
}

if (valid) {
                    const value = this.sessionInput!.value.trim()
                    localStorage.setItem('prevFriendCode', value)
                    this.props.connect(value)
                  } else {
                    this.sessionInput!.classList.add('invalid')
                  }
                }}
              >
                {t('join')}
              
            
          
        
        <section>
          <h2>{t('findSession')}</h2>
          <p>
            
              Join the <strong>#sessions</strong> channel on the {PRODUCT_NAME} Discord community to
              find other users’ sessions. Click the Discord logo below to join.
            
            
              <img alt="Discord" src="{assetUrl('icons/social/discord-color.svg')}">
            
          </p>
        </section>
      
    )

render(): JSX.Element | null {
    const messages = this.props.messages.map(message => (
      
    ))

    return (
      <div>
        <ul> (this.list = el)} className={styles.messages}&gt;
          {messages}
        </ul>
        {this.state.hasNewMessage &amp;&amp; (
          <div>
            {t('chatNewMessage')}
          </div>
        )}
      </div>
    )
  }
}

<label>{t('displayName')}</label>
         (this.usernameInput = e)}
          defaultValue={this.props.username}
          maxLength={USERNAME_MAX_LEN}
          onChange={this.onChangeUsername}
          onBlur={e =&gt; {
            if (this.usernameInput) {
              this.usernameInput.value = this.props.username
            }
          }}
        /&gt;

        <label>{t('chatColor')}</label>
        <input type="color" id="profile_color"> {
            this.props.dispatch(setColor(e.target!.value))
            this.setState({ dirty: true })
          }}
        /&gt;
      
    )
  }

render() {
    if (this.state.hide) return null
    return (
      
        
        
      
    )
  }
}

render(): JSX.Element | null {
    if (this.state.hide) return null

    return (
      
        
        <div>
          
          
          
          
        </div>
      
    )
  }
}

render() {
    return (
      <div>
        <input> (this.input = e)}
          className={cx(this.props.inputClassName, styles.textInput)}
          type="text"
          defaultValue={this.props.defaultValue}
          disabled={this.props.disabled}
        /&gt;
        
          {t('copy')}
        
      </div>
    )
  }

onClick={() => {
              PopupWindow.focus()
              this.props.dispatch(setPopupPlayer(true))
            }}
          >
            Open in popup
          
        ) : null}
        
          {t('openInBrowser')}
        
        
          {t('copyLink')}
        
        
          {t('reload')}
        
      
    )

    return (
      
         this.props.toggleChat()}>
          {t('chat')}
        
         this.props.showInteract()}>
          {t('interact')}
        
        {mediaButtons}
      
    )
  }

{t('extensions')}
      
    )

    const mediaButtons = media && (
      <>
        
          {t('openInBrowser')}
        

        
          {t('copyLink')}
        

        
          {t('reload')}
        

        <hr>
      
    )

    return (
      
        
          <hr>
        
        {mediaButtons}
        {extensionsBtn}
        {debugBtn}
      
    )