Advertisement
Guest User

Untitled

a guest
Jan 20th, 2017
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.59 KB | None | 0 0
  1. import React, { Component } from 'react';
  2. import './App.css';
  3. import Box from './Box';
  4.  
  5. export default class App extends Component {
  6.  
  7. constructor(props){
  8. super(props);
  9. this.state = {
  10. boxes: [
  11. <Box key="0"/>
  12. ]
  13. }
  14. }
  15.  
  16. clickedme(){
  17. let newArray = this.state.boxes;
  18. let keyProp = this.state.boxes.length + 1;
  19. newArray.push(<Box key={keyProp} />);
  20. this.setState({boxes: newArray});
  21. }
  22.  
  23. render() {
  24. return (
  25. <div className="App">
  26. <div id="button" onClick={this.clickedme.bind(this)}></div>
  27. {this.state.boxes}
  28. </div>
  29. );
  30. }
  31. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement