prepack/test/react/ClassComponents/complex-class-into-functional-root4.js

const React = require("react");

class Child extends React.Component {
  constructor() {
    super();
    this.handleClick = this.handleClick.bind(this);
  }
  handleClick() {
    // works
  }
  render() {
    return (
      <div onClick={this.handleClick}>
        Numbers: {this.props.x} {this.props.y}
      </div>
    );
  }
}

function App(props) {
  let x = [];
  for (let i = 0; i < 10; i++) {
    x.push(<Child x={10} y={props.y} />);
  }
  return <div>{x}</div>;
}

App.getTrials = function(renderer, Root) {
  let results = [];

  renderer.update(<Root y={20} />);
  results.push(["render complex class component into functional component", renderer.toJSON()]);
  renderer.update(<Root y={40} />);
  results.push(["update complex class component into functional component", renderer.toJSON()]);

  return results;
};

if (this.__optimizeReactComponentTree) {
  __optimizeReactComponentTree(App);
}

module.exports = App;