gpt4 book ai didi

javascript - React.js 直接用 HTML 写组件

转载 作者:行者123 更新时间:2023-11-29 14:49:18 25 4
gpt4 key购买 nike

我是 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() 是“唯一的方法”。

您可能期待 Webcomponents 之类的东西,您可以在其中定义自己 custom elements并将它们放在您的 HTML 中,但这不是 React 的工作方式(但也许)。

然而,有一个名为 x-react 的库,您可以在其中注册这些类型的元素,但它仍然是 JavaScript 驱动的,而不是直接的 HTML。

关于javascript - React.js 直接用 HTML 写组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28362456/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com