Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
    <script src="https://fb.me/react-15.1.0.js"></script>
    <script src="https://fb.me/react-dom-15.1.0.js"></script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
 
class App extends React.Component {
  render() {
    const board = [];
    
    for (let i = 0; i < 5; i++) {
      board.push(() => (
          <div>This is: {i}</div>
        ));
    }
    
    return (
      <div>
        {board[0]}   {/* This doesn't works*/}
        {board[0]()} {/* This works*/}
      </div>
    );
  }
}
​
const el = document.querySelector('#root');
​
ReactDOM.render(<App />, el);
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
hinokpro
0viewers