gpt4 book ai didi

reactjs - 我应该使用 React 提供多少静态 HTML?

转载 作者:行者123 更新时间:2023-12-05 05:02:38 24 4
gpt4 key购买 nike

我应该使用 React 提供多少静态 HTML,而不是将其留在 HTML 文件中?

(我刚刚开始使用 React。)

我有一个单页应用程序,它大大简化了,看起来像这样:

<body>

<div id="container">

<div id="header">
<div id="header_dynamic_content">
</div>
</div>

<div id="dynamic_content">
</div>

<div id="footer">
</div>

</div>
</body>

使用 React 仅处理动态内容并将所有静态内容留在 HTML 文件中是否是最佳/常见做法?或者我应该使用 React Components 来服务一切?

所以这个?

class DynamicOne extends React.Component {
render() {
return (
/* My Content */
);
}
}

class DynamicTwo extends React.Component {
render() {
return (
/* My Content */
);
}
}

ReactDOM.render(<DynamicOne />, document.getElementById('header_dynamic_content'));
ReactDOM.render(<DynamicTwo />, document.getElementById('dynamic_content'));

还是这个?

class DynamicOne extends React.Component {
render() {
return (
/* My Content */
);
}
}

class DynamicTwo extends React.Component {
render() {
return (
/* My Content */
);
}
}

class App extends React.Component {
render() {
return (
<div>
<div id="header">
<div id="header_dynamic_content">
<DynamicOne />
</div>
</div>

<div id="dynamic_content">
<DynamicTwo />
</div>

<div id="footer">
</div>
</div>
);
}
}

ReactDOM.render(<App />, document.getElementById('container'));

最佳答案

根据 React 文档:

Applications built with just React usually have a single root DOM node. If you are integrating React into an existing app, you may have as many isolated root DOM nodes as you like.

Ref

快乐编码:)

关于reactjs - 我应该使用 React 提供多少静态 HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62075299/

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