我对React.js还是很陌生,但是在探索它时,我期望我做不到的事情。
说我有一个组成部分:
var SampleComponent = React.createClass({ render: function() { return ( <div>Hello</div> ); } });
这是将其添加到DOM的唯一方法吗?
React.render( <SampleComponent />, document.getElementById('content') );
我希望在定义组件之后能够直接在HTML中执行类似的操作:
<!DOCTYPE html> <html lang="en"> <head></head> <body> <SampleComponent /> </body> </html>
我想念什么吗?谢谢
不,使用React.render()是“唯一的方法”。
React.render()
您可能会期望像Webcomponents这样的东西,您可以在其中定义自定义元素并将其放入HTML中,但这不是React的工作方式(也许)。
但是,有一个称为的库x-react,您可以在其中注册这些类型的元素,但是它仍然是JavaScript驱动的,而不是HTML格式。
x-react