Как сделать, чтобы при наборе текста в первом абзаце появилась фамилия пользователя, во втором — имя, а в третьем — отчество?

Question

[brainexplosion]

Помогите решить простенькую задачу на React'e. Дан инпут и 3 абзаца. В инпут вводится ФИО пользователя через пробел. Сделайте так, чтобы при наборе текста в первом абзаце появилась фамилия пользователя, во втором - имя, а в третьем - отчество.

Answer 1

[0xD34F]

class App extends React.Component {
  state = {
    value: '',
  }

  onChange = ({ target: { value } }) => {
    this.setState({ value });
  }

  render() {
    const name = this.state.value.split(/\s+/);

    return (
      <div>
        <input onChange={this.onChange} />
        <p>Ф: {name[0]}</p>
        <p>И: {name[1]}</p>
        <p>О: {name[2]}</p>
        {name[3] && <p>WTF??! {name.slice(3)}</p>}
      </div>
    );
  }
}

Comments

[Wytpry]

спасибо огромное))

[Anton Filippov]

обработали случай с 3+ пробелами, молодца)