reactjs中的渲染功能
快速提问。我正在学习React JS。
创建组件时，我们在render函数中提供要渲染的组件的html模板。到目前为止，我只看到带有很少部分html的小型组件，但是我只是想知道如果我们的组件带有巨大的html模板会发生什么情况，有没有办法提供指向单独的html文件的路径？还是我们被迫直接在render函数中编写所有html？谢谢！
问题答案：
您应该始终将其编写在render函数中。您不是在其中编写HTML，而是在编写JSX，并将其编译为Javascript。诸如此类的东西<div className="test">会转换为React.createElement("div", {className: 'test'});。
只要将大型组件分解为许多较小的组件，就不会出现大小问题。您可以通过将其他组件包含在您的渲染函数中来包括它们，如下所示：<SomeComponent someProp="someVal" />。
-
问题内容： 我想在我的ajax请求完成后呈现我的组件。 在下面您可以看到我的代码 但是我收到下面的错误，因为我正在ajax请求的done方法内返回render。 有没有办法在开始渲染之前等待我的ajax请求结束？ 问题答案： 有两种处理方法，您可以选择哪种方法取决于应该拥有数据的组件和加载状态。 将Ajax请求移至父级并有条件地渲染该组件： 将Ajax请求保留在组件中，并在加载时有条件地渲染其他内
-
问题内容： 我正在尝试使用和JSX 渲染具有重音符号的元素，但它没有返回我想要的东西。 我的JSX： 我呈现的JavaScript： 我在浏览器中的结果： 我已经在标签内的索引文件中进行了设置，如果直接在页面内容中键入该单词，则重音字符将在页面标题和正文中起作用，但是在由 我该如何解决这个问题？ 问题答案： 您所看到的是由于UTF-8字节数组以ASCII呈现的结果，可能是代码页ISO 8859-1
-
问题内容： 我试图通过对象属性（此示例的名称）并在函数的轻松循环中列出它们。我发现这样做有些尴尬，但这似乎不正确。 这是我得到的： 有一个更好的方法吗？我只需要一个循环即可遍历对象数组，列出所需的属性并创建许多html节点之一。 问题答案： 您可以简单地在数组上 映射
-
因此，我试图用几个HTML输入创建一个动态表单。我有一个对象数组，其中包含应该呈现的的。目前，我能够呈现两个输入，如文本区域，但我如何处理收音机，复选框，选择连同他们的选项？任何帮助都将不胜感激。 请参见此CodeSandBox。
-
问题内容： 我刚刚开始研究ReactJS，发现它为您提供了两种渲染页面的方法：服务器端和客户端。但是，我不知道如何一起使用。是使用两种单独的方法来构建应用程序，还是可以将它们一起使用？ 如果可以一起使用，该如何做- 我们是否需要在服务器端和客户端重复相同的元素？或者，我们是否可以仅在服务器上构建应用程序的静态部分，而在客户端构建动态部分，而无需与已经预先渲染的服务器端建立任何连接？ 问题答案： 对
-
我刚刚开始研究ReactJS，发现它提供了两种呈现页面的方法：服务器端和客户端。但是，我不明白如何一起使用它。构建应用程序有两种不同的方法，还是可以一起使用？ 如果我们可以一起使用它，如何做到这一点——我们需要在服务器端和客户端复制相同的元素吗？或者，我们可以只在服务器上构建应用程序的静态部分，在客户端构建动态部分，而不与已经预渲染的服务器端建立任何连接吗？