separated view in react

withView.js

const AppView = props =>
  <div className='App'>
    <PeopleList {...props.state} onDelete={props.deletePerson} />
  </div>;


class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      people: [
        { id: 1, name: 'Person A' },
        { id: 2, name: 'Person B' },
        { id: 3, name: 'Person C' },
        { id: 4, name: 'Person D' },
      ],
    };
  }

  deletePerson = id => {
    this.setState(evolve({
      people: reject(whereEq({ id }))
    }));
  };

  render() {
    return <AppView {...this} />;
  }
}

export { App };