reactintro_form_styled.jsx

import style from './style';

class SimpleForm extends React.Component {
    ...
    
    render() {
      const { firstNameError, firstName, lastName } = this.state;
  
      return (
        <div style={style.form}>
          <div style={style.inputGroup}>
            <label>
              First name:
              <input
                style={style.input}
                type="text"
                name="firstName"
                onChange={this.onFirstNameChange}
                onBlur={this.onFirstNameBlur}
              />
              {firstNameError && (
                <div style={style.error}>{firstNameError}</div>
              )}
            </label>
          </div>
  
          <Greetings firstName={firstName} lastName={lastName} />
        </div>
      );
    }
  }

  export default SimpleForm;