Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, { Component } from 'react';
- import './App.css';
- import Box from './Box';
- export default class App extends Component {
- constructor(props){
- super(props);
- this.state = {
- boxes: [
- <Box key="0"/>
- ]
- }
- }
- clickedme(){
- let newArray = this.state.boxes;
- let keyProp = this.state.boxes.length + 1;
- newArray.push(<Box key={keyProp} />);
- this.setState({boxes: newArray});
- }
- render() {
- return (
- <div className="App">
- <div id="button" onClick={this.clickedme.bind(this)}></div>
- {this.state.boxes}
- </div>
- );
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement