JavaScript
- 23 ответа
- 0 вопросов
17
Вклад в тег
ReactDOM.render(<MyComponent myState='1' /> , document.body);
....
render: function() {
return (
<h1>Тест { this.props.myState}</h1>
);
}(() => {
const data = [{
'class': 'news-box',
'title': 'Title 1',
'content': 'Lorem inpsum'
}, {
'class': 'news-box',
'title': 'Title 2',
'content': 'Lorem inpsum'
}, {
'class': 'news-box',
'title': 'Title 3',
'content': 'Lorem inpsum'
},];
const tmpl = (data) => {
return `<div class="${data.class}"><h2>${data.title}</h2><p>${data.content}</p></div>`
};
const rootApp = document.querySelector('#rootApp');
const htmlContent = data.map(el => tmpl(el)).join('');
rootApp.innerHTML = htmlContent;
})();