App.js

class App extends Component {
  state = {
    selected: null
  }

  handleChange = (selected) => this.setState({selected})

  getUserState = (state) => {
    console.log('---', state)
  }

  render() {
    const options = articles.map((article) => ({
      label: article.title,
      value: article.id
    }))

    return (
      <div>
        <h1>Article App</h1>
        <UserForm onStateChange={this.getUserState} />
        <Select options={options} value={this.state.selected} onChange={this.handleChange} />
        <ArticleList articles={articles} />
      </div>
    )
  }
}