它必須是超基本的。我想做一個第一個演示,而不是使用JSX來更直接。React JS:HTML在屏幕上呈現
const nicolas = {
admin: true,
id: 1,
email: "[email protected]",
name: "Nicolas",
statement: "Star Wars rocks"
};
class User extends React.Component {
render() {
return React.createElement('div', null,
`<div>name: ${this.props.name}</div>
<div>statement: ${this.props.statement}</div>`
);
}
}
ReactDOM.render(
React.createElement(User, nicolas, null),
document.querySelector('section.app')
);
因此,div
標籤直接顯示。爲什麼?以及如何避免這種情況?我必須使用多個鱗片狀React.createElement()