vs6262
Silver Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору да пасибки Добавлено: Код: render(_id) { return [ <li key="one" id={_id}>First item</li>, <li key="two">Second item</li>, <li key="three">Third item</li>, <li key="four">Fourth item</li>, ]; } | и если можно ещё вопрос: будет ли это статически держать _id ? Добавлено: ------------- https://codepen.io/anon/pen/OvgzWK?editors=0010 сохранил в файле и не работает? Код: <!DOCTYPE html> <html> <head> <!-- Тег meta для указания кодировки --> <meta charset="utf-8"> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <!-- <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script> --> <!-- <script crossorigin src="react.production.min.js"></script> <script crossorigin src="react-dom.production.min.js"></script> --> <script crossorigin src="https://unpkg.com/react/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react/umd/react.development.js"></script> </head> <body> <br /> <br /> <br /> <div id="root"></div> <br /> <br /> <style> </style> <script type="text/babel"> //"use strict" //import React from 'react'; //import ReactDOM from 'react-dom'; // https://www.youtube.com/watch?v=BwAakF_VUV8 function tick() { const element = ( <div key="k-1"> <h1>Hello, world!</h1> <h2>It is {new Date().toLocaleTimeString()}.</h2> </div> ); el2 = React.cloneElement(element, {key: "k-2", style: {left: 10, top: 100, position: 'absolute'}}); // highlight-next-line ReactDOM.render([element, el2], document.getElementById('root')); } setInterval(tick, 1000); </script> </body> <html> |
|