Javascript 在React中实际应该呈现什么_Javascript_Reactjs_Redux

Javascript 在React中实际应该呈现什么

javascript reactjs redux

Javascript 在React中实际应该呈现什么,javascript,reactjs,redux,Javascript,Reactjs,Redux,我目前正在学习React和Redux。现在我对这两个人的工作有了更好的了解： React-在页面上呈现组件 Redux-保持页面状态我的问题是：我应该用React渲染什么？是否假设React呈现整个页面，甚至是不会更改的页眉？例如，我是想为标题创建一个新组件（徽标和选项卡，不改变），还是只是将其添加到要呈现到的HTML文件中？我建议绝对将所有内容都添加为React组件。在html文件中有一个安装React应用程序的。我发现，当我开始使用React时，我会尽量避免编写额外的代码（当然，为标题

我目前正在学习React和Redux。现在我对这两个人的工作有了更好的了解：

React-在页面上呈现组件
Redux-保持页面状态

我的问题是：我应该用React渲染什么？是否假设React呈现整个页面，甚至是不会更改的页眉？例如，我是想为标题创建一个新组件（徽标和选项卡，不改变），还是只是将其添加到要呈现到的HTML文件中？

我建议绝对将所有内容都添加为React组件。在html文件中有一个安装React应用程序的

。我发现，当我开始使用React时，我会尽量避免编写额外的代码（当然，为标题而不是原始HTML编写组件是额外的行）

但这在某种程度上带来了复杂性。应用程序的不同部分呈现方式不同。从长远来看，根据我的经验，一致性和可读性比少行代码更重要

顺便说一句，如果你正在使用（你的头会是），它几乎没有任何额外的代码

import React from 'react';
export default Header = () => <header>My wonderful app</header>;

从“React”导入React；
导出默认标题=（）=>我的精彩应用；

我建议绝对添加所有组件作为React组件。在html文件中有一个安装React应用程序的

。我发现，当我开始使用React时，我会尽量避免编写额外的代码（当然，为标题而不是原始HTML编写组件是额外的行）

但这在某种程度上带来了复杂性。应用程序的不同部分呈现方式不同。从长远来看，根据我的经验，一致性和可读性比少行代码更重要

顺便说一句，如果你正在使用（你的头会是），它几乎没有任何额外的代码

import React from 'react';
export default Header = () => <header>My wonderful app</header>;

从“React”导入React；
导出默认标题=（）=>我的精彩应用；

与大多数其他框架一样，您将有一个包含所有依赖项的基本“index.html”文件，然后是一个包含div的主体，您将把react组件呈现到其中。它看起来像这样：

<html>
  <head>
  <-- script, css, framework files added here -->
  </head>
  <body> 
    <div id="reactApp"</div>
  </body>
</html>


与大多数其他框架一样，您将拥有包含所有依赖项的基本'index.html'文件，然后是一个包含div的主体，您将把react组件呈现到其中。它看起来像这样：
<html>
  <head>
  <-- script, css, framework files added here -->
  </head>
  <body> 
    <div id="reactApp"</div>
  </body>
</html>


完全可以使用混合页面。例如：保持导航栏为本机HTML，其中内容是React
请记住，React是面向组件的，所以您可以将其视为小部件
但是，不同的小部件通常共享相同的状态。在这种情况下，最好让它们成为同一个组件树的一部分
你的问题没有明确的答案。这取决于您的应用程序状态需要什么，但使用React处理页面的动态部分。您认为在不重新加载的情况下将要更改的部分可能会保持一种状态，因此React的阶段管理可以在这方面发挥作用。
完全可以使用混合页面。例如：保持导航栏为本机HTML，其中内容是React
请记住，React是面向组件的，所以您可以将其视为小部件
但是，不同的小部件通常共享相同的状态。在这种情况下，最好让它们成为同一个组件树的一部分
你的问题没有明确的答案。这取决于您的应用程序状态需要什么，但使用React处理页面的动态部分。您认为在不重新加载的情况下将要更改的部分可能会保持一种状态，因此React的阶段管理可以在这方面派上用场