title: React Localization
body: <p>I have an application that is using the react-i18next library for localization, which allows you to translate strings in your application by passing them into a function called t(), and then those strings are extracted to a .po file to allow us to translate them into their various cultures.</p>
  <p>However, there are a couple parts of my application I'm having trouble figuring out how to localize.</p>
  <ol>
  <li><p>In a couple spots in our application, we have a File Control (i.e. Form.Control type=&quot;file&quot; or Form.File). Both of these controls render a button that either reads &quot;Choose a File&quot; or &quot;Browse&quot; (depending on which control tag you use). There doesn't seem to be a property to be able to set the label of the button for me to translate. Does anyone know how to go about this?</p>
  </li>
  <li><p>We also have a couple places in our application that have Select lists:</p>
  
     {t("All Available Options")}
  
  {industryOptions.map((x) => (
  {x.Display}
  ))}
  </li>
  </ol>
  <p>Aside from the default value of &quot;All Available Options&quot;, the other elements of the list are pulled from the database. I'd like to think I could just wrap x.Display in the t() function, but I feel like that wouldn't work because the code doesn't have advanced knowledge of what those strings are to be able to add them to the .po file. How would I go about this?</p>