in demo-app/src/example/Example.react.js [197:269]
ex1Gender: parseInt(event.target.value, 10),
});
}}>
<option value={IntlVariations.GENDER_UNKNOWN}>
<fbt desc="Gender Select label">Gender:</fbt>
</option>
<option value={IntlVariations.GENDER_UNKNOWN}>
<fbt desc="Unknown gender">Unknown</fbt>
</option>
<option value={IntlVariations.GENDER_MALE}>
<fbt desc="Male gender">Male</fbt>
</option>
<option value={IntlVariations.GENDER_FEMALE}>
<fbt desc="Female gender">Female</fbt>
</option>
</select>
</span>
</span>
</fieldset>
<fieldset>
<span className="sentence example_row">
<fbt desc="example 1">
<fbt:param gender={this.state.ex1Gender} name="name">
<b className="padRight">{this.state.ex1Name}</b>
</fbt:param>
has shared
<a className="neatoLink" href="#">
<fbt:plural
count={this.state.ex1Count}
many="photos"
showCount="ifMany">
a photo
</fbt:plural>
</a>
with you
</fbt>
</span>
</fieldset>
<fieldset>
<span className={classNames('example_row', 'example_row--multi')}>
<span
className={classNames('example_input', 'example_input--40')}>
<input
name="ex2Name"
onChange={(event: SyntheticUIEvent<>) => {
this.setState({ex2Name: event.target.value});
}}
placeholder={fbt('name', 'name field')}
type="text"
/>
</span>
<span
className={classNames('example_input', 'example_input--20')}>
<select
className="neatoSelect"
onChange={(event: SyntheticUIEvent<>) => {
this.setState({ex2Object: event.target.value});
}}>
{Object.keys(ExampleEnum).map(k => (
<option key={k} value={k}>
{ExampleEnum[k]}
</option>
))}
</select>
</span>
<span
className={classNames('example_row', 'example_input--20')}>
<select
className="neatoSelect"
onChange={(event: SyntheticUIEvent<>) => {
this.setState({