如何从客户端交互(附加到)预渲染的React应用程序？
从客户端交互附加到预渲染的React应用程序可以通过以下步骤实现：
- 预渲染React应用程序：预渲染是指在将应用程序部署到服务器之前，将React组件渲染为静态HTML文件。这可以通过使用工具如Next.js、Gatsby等来实现。预渲染可以提高应用程序的初始加载速度和搜索引擎优化。
- 客户端交互：在预渲染的React应用程序中，客户端交互通常是指在页面加载完成后，用户与页面进行交互的行为。例如，点击按钮、填写表单等。由于预渲染的应用程序是静态HTML文件，因此默认情况下无法直接处理客户端交互。
- 添加客户端交互：为了实现客户端交互，可以使用React的生命周期方法或钩子函数来监听页面加载完成后的事件。例如，在React的
componentDidMount生命周期方法中，可以添加代码来处理客户端交互。这样，当页面加载完成后，代码将被执行，从而实现客户端交互。 - 更新页面状态：在处理客户端交互时，通常需要更新页面的状态。可以使用React的
setState方法来更新组件的状态，并重新渲染页面。通过更新状态，可以实现例如显示/隐藏元素、更改文本内容、发送请求等交互行为。 - 异步加载数据：在客户端交互过程中，可能需要从服务器异步加载数据。可以使用React的
fetch、axios等库来发送异步请求，并在请求完成后更新页面状态。这样可以实现例如动态加载内容、实时更新等功能。
总结起来，从客户端交互附加到预渲染的React应用程序需要预渲染应用程序、添加客户端交互、更新页面状态和异步加载数据等步骤。通过这些步骤，可以实现一个完整的、具有客户端交互功能的预渲染React应用程序。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云Serverless云函数（https://cloud.tencent.com/product/scf）
- 腾讯云云开发（https://cloud.tencent.com/product/tcb）
- 腾讯云CDN加速（https://cloud.tencent.com/product/cdn）
- 腾讯云API网关（https://cloud.tencent.com/product/apigateway）
- 腾讯云云数据库MongoDB版（https://cloud.tencent.com/product/cmongodb）
- 腾讯云对象存储COS（https://cloud.tencent.com/product/cos）
- 腾讯云区块链服务（https://cloud.tencent.com/product/tbaas）
- 腾讯云智能视频分析（https://cloud.tencent.com/product/vca）
- 腾讯云物联网通信（https://cloud.tencent.com/product/iotexplorer）
- 腾讯云移动推送（https://cloud.tencent.com/product/tpns）
相关·内容
在一篇文章中我读到
React使用服务器端呈现。
但在另一篇文章中我发现：
客户端呈现是一种相对较新的呈现网站的方法，直到JavaScript库开始将其纳入其开发风格之后，它才真正流行起来。一些值得注意的例子是Vue.js和React.js
现在哪种说法是正确的？
当我使用创建-反应-应用程序和运行npm，在我看来，它的反应使用客户端渲染。难到不是么？
浏览 4提问于2019-03-16得票数 5
回答已采纳
我需要启动一个react应用程序，我需要预渲染和路由，所以我安装了react-snap和react-router。(使用react-router进行路由，并使用react-snap进行预渲染)。
使用'npm start‘在本地看起来一切正常，但是当我做了一个产品构建并为它提供服务时，路由链接使页面重定向到一个新的url，所以我看到的总是主页。
我的渲染看起来像这样：
render() {
return (
<Router>
<React.Fragment>
<MainNav/>
浏览 3提问于2018-11-11得票数 6
1回答
我正在评估如何在SPA应用程序中实现服务器端呈现，并以React和CMS作为后端。
这是我看到的建议的每一个渲染的方法，而且所有的CMS系统都建议：
用户从在节点服务器上运行的react应用程序请求页面。
节点服务器通过获取调用从CMS请求JSON数据
然后React读取这个JSON并将HTML转换为renderToString()这样的字符串，并将响应发送回用户。
这种方法的缺点是，如果来自CMS的JSON数据很大，那么第一次请求需要很长时间。
你建议采取什么替代方案？
浏览 3提问于2020-06-05得票数 0
回答已采纳
我主要使用服务器端渲染解决方案将数据从服务器传递到客户端，并在浏览器中渲染。
这样做的一些主要好处包括能够获取数据并将其传递给客户端，而无需公开公共路由。所以能够隐藏这些数据，并且只在我想要的时候公开它。我知道Facebook等其他应用程序的数据只能由他们的应用程序(iOS，Android，web应用程序)接收，例如，时间线数据不是公共路径，只能由他们自己的应用程序接收。
我如何使用React实现这样的功能呢？使用服务器端渲染，我可以锁定这些函数/路由，只允许从后端代码调用它们，而不是公开它们，我还可以做一些事情，如检查以确保用户登录等等。
我如何使用React来实现这一点？
浏览 0提问于2017-09-17得票数 11
1回答
NextJS的初学者在这里似乎找不到这个问题的直接答案.
带有SSG和客户端导航的NextJS是否需要服务器为每个客户端导航请求发送预呈现的html？这里的请求是用户导航到同一应用程序中的另一个页面。
简单的例子：
假设我有一个带有3个简单页面的NextJS应用程序(也就是pages文件夹中的3个.js文件，每个文件导出一个React组件)。这些页面是使用“链接”组件链接的，我选择对所有3页进行静态站点生成。然后，我将这个站点托管在某个web服务器上。当用户第一次访问站点时，我知道预呈现的html (和任何客户端javascript)必须从服务器发送到客户端。然而，以下情况尚不清楚：
当用户导
浏览 4提问于2022-11-25得票数 0
我们如何将客户端渲染react应用程序转换为服务器端渲染，使用react-路由器4？
浏览 0提问于2021-03-05得票数 6
我知道如何使用redux和react router for SPA。想知道如何在更传统的带有服务器端框架的多页面web应用程序中使用redux，比如spring MVC、jsp等。
多个页面可以共享同一个存储吗？从服务器端渲染的文档来看，服务器发送的每个页面都需要一个新的存储。
浏览 11提问于2016-05-09得票数 11
是否有任何方法来检测OnInitializedAsync生命周期方法中的Blazor组件中正在进行的预呈现？我知道组件工作流会调用两次OnInitializedAsync，第一次调用预呈现，第二次调用实际呈现。最后，在一次调用OnAfterRenderAsync方法进行实际渲染。
但是，我需要在OnInitializedAsync中检测预渲染。这样我就可以在预渲染中做一些修改，并在实际渲染中阻止它，反之亦然。
我检查了下面的GitHub问题，但它没有有效的解决方案。我希望，应该在像IsPrerendering这样的API中解决这个问题。
提前谢谢。
浏览 7提问于2020-03-08得票数 5
回答已采纳
我刚刚在netlify上部署了一个react应用程序，并且我已经打开了web应用程序.However的预渲染功能，我看到的是在部署之后，当我检查curl -A googlebot xyz.com时，我在终端.Without上没有看到任何渲染的输出，我写了同样的命令，几个小时后我可以看到预渲染发生了。这是正确的或者说是正常的吗?其他人也遇到过同样的问题吗?你有什么建议来立即检查事情是否正常。
浏览 12提问于2019-06-27得票数 0
next13是一周前发布的，我正在尝试将next12应用程序迁移到Next13上。我想尽可能多地使用服务器端组件，但我似乎不能使用
import { createContext } from 'react';
在任何服务器组件中。
我得到了这个错误：
Server Error
Error:
You're importing a component that needs createContext. It only works in a Client Component but none of its parents are marked with "use
浏览 80提问于2022-11-04得票数 3
回答已采纳
1回答
我目前正在做一个别人创建的项目，我被要求实现服务器端渲染，这是一个巨大的项目，它使用了一个基于"builder JSON“的自定义路由系统，该系统由一个主要组件采用，该组件根据路由选择要渲染的组件，它的目的是保持应用程序的动态性，并根据几个客户的需求进行调整。 我一直在到处寻找答案，但我是SSR的新手，这是一个巨大的挑战。 我目前正在使用express测试一种方法，如下所示： import 'babel-polyfill';
import express from 'express';
import React from 'react'
浏览 27提问于2020-12-10得票数 0
2回答
我读过几篇文章，其中一些是，一个简介等等。
我不完全理解--角通用服务器仍然服务于单个页面(一大块html)，还是有一种方法可以配置角通用，以便根据路由(请求/路由)返回多个页面(一次返回应用程序的一个部分)？
最终的目标是在不存在路由的情况下返回硬404(但这超出了这个问题的范围，仅限于上下文)。
让我感到困惑的是这里：
这是因为与服务器端呈现的HTML一起，我们还将向浏览器提供一个正常的客户端角度应用程序。
这个有角度的客户端应用程序将接管页面，从那里开始，一切都像普通的单个页面应用程序一样工作，这意味着所有的运行时呈现都将像往常一样直接发生在客户机上。
那么，the server
浏览 1提问于2019-06-04得票数 4
回答已采纳
我有一些在剃刀页面的代码段中初始化的变量，当我在应用程序中使用_Host.cshtml从服务器进行预渲染时，它们会初始化两次。如何避免在从UI中加载客户端部件的第二次渲染期间进行这些初始化？
public string isVisible="hidden";
protected override void OnAfterRender(bool firstRender)
{
base.OnAfterRender(firstRender);
if (firstRender)
{
isVisible = "visible";
浏览 105提问于2021-05-12得票数 0
在solidity编译器上，连同CreateContract按钮/div，地址上还有另一个占位符，它是做什么的？
图片附呈以供参考。
📷
浏览 0提问于2017-11-16得票数 1
我正在阅读angular的服务器端渲染文档，因为它们提到服务器端渲染是帮助爬虫。我知道在服务器端渲染爬虫可以获得整个dom，但爬虫也可以与组件交互，那么它如何帮助爬虫呢？从安全的角度来看，服务器端渲染和客户端渲染哪个更好？我也为react读到了同样的东西。
浏览 18提问于2019-09-15得票数 0
3回答
我最近一直在探索react，我知道如何设置节点到服务器的渲染代码。出于速度的原因，我真的对使用静态页面感兴趣，但我不确定在使用静态html时是否可以呈现react组件。
我可以使用像nginx这样的东西来触发react渲染吗？或者我需要更多，并且必须使用node、rails或sinatra之类的东西？如果这是一个误入歧途的问题，我很抱歉，我对服务器客户端交互没有很强的感觉。
浏览 1提问于2014-09-11得票数 5
我已经在react中写了一个应用程序，服务器端渲染它工作得很好，但是如果我在浏览器中刷新一个页面，我会从react中得到一个校验和错误，我猜这是因为客户端的redux在刷新后有一个默认状态。
有没有办法在刷新后保持客户端的redux状态？
浏览 4提问于2017-05-15得票数 0
几天来，我一直在寻找如何解决这个问题，但没有成功，所以我决定在这里提出一个问题。所以我有一个使用Redux和Firebase作为数据库的React应用程序。除了Facebook的app浏览器之外，所有的桌面和移动浏览器都可以正常加载。当我通过我的手机打开它时，他们的浏览器会触发并获取标题，它从Netlify加载注入的脚本，但不执行任何Javascript，我得到一个空白页面。
我也曾尝试使用React Snap预渲染应用程序，然后加载我的应用程序，但从未预加载Javascript，因此加载的可见内容仅保留HTML和CSS，没有Javascript相关的工作。
我真的不知道出了什么问题，所以我在
浏览 0提问于2018-02-13得票数 1
我将通过react应用程序实现服务器端渲染。据我所知，index.html将从服务器上快速提供服务。我有个问题。如果我有一个搜索引擎优化网址的名称，这是下面所说的，是所有的3个网址渲染从服务器或它渲染index.html一次，然后客户端负责的网址路由(基本|高级|测试)。如果我有3个不同的meta标签，会发生什么？在这种情况下它是如何处理的？ https://website.com/basic
https://website.com/advance
https://website.com/test
浏览 16提问于2019-09-03得票数 0
我有一个Angular 7应用程序，我正在尝试预先渲染页面以支持网络爬虫/ SEO。我决定使用prerender.io来帮助这些爬虫预先渲染、缓存和提供静态超文本标记语言，但是我很难在我的Angular 7应用程序中安装它们的中间件。 我想知道我是否可以以一种纯粹的客户端方式使用prerender.io，因为我不是从Node服务器为angular提供服务，我只是在CDN中托管静态文件。根据their docs的说法，我可以安装一个中间件，当网络爬虫发出页面请求时，它会检测到，并将请求重定向到预渲染服务器。然而，我发现的所有示例都涉及到修改一些后端节点服务器。难道我不能全部在客户端做这件事吗？
浏览 19提问于2019-02-26得票数 1
回答已采纳
我有一个MERN堆栈，其中用户上传4种类型的文件之一：.pdf，.jpeg，.psd，.ai，我使用FileReader将其作为缓冲区保存到mongoDB数据库中。我想在点击时将其渲染回我的React应用程序(自动下载文件)。‘’react PDF‘没有帮助，因为从数据库返回的数据是缓冲区类型，因此它显示'Failed to load PDF’我如何解决所有文件类型的这个问题？
浏览 2提问于2020-07-02得票数 0
我有一个使用apollo graphql从后端获取数据的nextjs项目。我正在尝试使用服务器端渲染来渲染我的页面。但我目前正在使用graphql apollo react钩子从后端获取数据，而react钩子阻止我在getServerSideProps内部调用后端。 我该如何解决这个问题？ import * as React from "react";
import { useExampleQuery } from "graphql/types";
export const getServerSideProps = async ({ params }) =&
浏览 11提问于2021-04-27得票数 0
我正在读这个反作用服务器端渲染的例子。它指出：
尝试查看页面源，以确保从服务器发送的HTML已经呈现(使用校验和来确定是否需要客户端呈现)
好的，我看到了页面源代码，并且确实有一个data-react-checksum属性：
<div data-reactid=".157rq30hudc" data-react-checksum="556954499">
当我在浏览器控制台中检查元素时，它还具有以下属性：
然后，我决定检查我的网站，使用的反应服务器端渲染也。我看到了奇怪的东西。页面源具有data-react-checksum属性，但
浏览 4提问于2015-12-16得票数 6
1回答
在客户端，我在index.js中使用了以下路由
ReactDOM.render(
<Router history={browserHistory}>
<Route path="/" component={App}/>
<Route path="/login" component={Login}/>
</Rouuter>
)
其中App和Login是2个React组件。登录组件在窗体上有一个onSubmit事件。
export default Login extends
浏览 0提问于2017-03-27得票数 3
我正在构建一个React - Netlify Function App。应用程序正在使用react-router-dom来路由到页面。
import React from 'react';
import {
Switch,
BrowserRouter as Router,
Route,
Link,
Redirect,
withRouter,
browserHistory
} from 'react-router-dom';
...
<Router history={browserHistory}>
<Identi
浏览 19提问于2019-11-25得票数 0
我想知道，如果我通过在多个SVG元素之间快速循环来创建类似GIF的效果，是否应该考虑性能/任何内存问题？
出于分辨率和的考虑，我并没有使用实际的GIF来达到这个效果。基本上，在React中，我创建了一组SVG，如下所示
const svg1 = () => { return <svg>...</svg> };
const svg2 = () => { return <svg>...</svg> };
...etc.
为了制作动画，我在它们之间循环，一次只渲染一个。
我想知道是否所有的SVG元素都已经在DOM中并且只修改每个元素的不透明
浏览 4提问于2021-02-09得票数 2
我计划为我的应用程序实现react.js。由于我是react的新手，我怀疑google将如何索引react组件？什么是使应用程序在google搜索中正确可见所需的最佳实践。
任何人都有任何想法，请在这方面帮助我。
浏览 0提问于2017-02-21得票数 29
1回答
需要一些清晰的理解。当我们在服务器端渲染时，应用程序实际上渲染了两次。
1)在服务器上使用renderToString函数。
2)在客户端使用render函数(当页面来自服务器时)。
而React服务器端渲染的全部要点就是使用SEO。
我说得对吗?还是我错过了什么？Tnx
浏览 1提问于2017-04-01得票数 1
我刚刚开始在服务器端，使用代码分裂和动态导入渲染一个Reactive16应用程序，这要感谢webpack 4和react可加载性。
我的问题听起来可能很愚蠢，但有些事情我不太明白。
在服务器端，我在等待webpack加载所有模块，然后再将html分发给客户端。
在客户端，在呈现加载组件之前，我会呈现一种加载组件。
因此，基本上，服务器呈现加载的组件：
<div>loaded component</div>
客户端为加载组件加水：
<div>loading...</div>
很明显，问题是在水合物()之后，由于服务器和客户端之间有一个不匹配的匹配，
浏览 0提问于2018-11-07得票数 6
1回答
我正在尝试设置一个项目，使用Django作为后端，使用React作为前端。该项目有几个屏幕，数据库中的大量信息和图像生成的后端，并将包括一些身份验证和不同屏幕的用户权限。
根据我所发现的-最好的方法是让Django呈现一个html文件：
def index(request):
return render(request, 'frontend/index.html')
它引用.js文件：
<script src="{% static "frontend/main.js" %}"></script>
这是用Webpac
浏览 40提问于2018-09-21得票数 7
回答已采纳
3回答
我正在做一个我们使用React Web和React Native的项目。我已经实现了一个React Web组件，它允许你从OBJ，MTL和图像文件加载3D模型，一旦模型加载，你可以编辑它，在它上面附加3D标签和东西，最后将编辑后的3D模型保存回服务器，我的实现在幕后使用THREE.js。
现在，下一步是能够从服务器检索这些文件，并在React Native应用程序(移动设备)中渲染编辑后的3D模型。所以我的问题是:我应该怎么做呢？我正在考虑为react native使用一些嵌入式web视图，这样我就可以重用React Web组件中尽可能多的代码，然后以某种方式实现web视图和本地应用程序之间的
浏览 0提问于2016-05-11得票数 14
我有一个角度web应用程序，加载数据(产品)从Firebase Firestore在组件的构造函数。然后在页面上显示产品列表。虽然数据是动态的，但它不会经常更改。例如，价格可能会改变，但产品本身保持不变。 我想实现Angular Universal和预渲染，但我想确认加载到构造函数中的产品列表将包含在预渲染的静态页面中。 这是真的吗？ 此外，有没有可能编写一个函数来“重新渲染”，可能是晚上或当数据库更新时？
浏览 30提问于2019-12-13得票数 1
回答已采纳
因此，在文档中，我们有这样的代码：
RE:使用“useRef”来存储引用。
// _app.jsx
import { QueryClient, QueryClientProvider } from 'react-query'
import { Hydrate } from 'react-query/hydration'
export default function MyApp({ Component, pageProps }) {
const queryClientRef = React.useRef()
if (!queryClien
浏览 1提问于2021-05-12得票数 1
在当前的设置中，我正在构建多页通用web应用程序(使用react-router在服务器和客户端上进行路由)。这个项目不使用任何(redux)存储(我认为现在没有必要)。
负责从远程API获取数据的组件之一，在componentWillMount方法中完成。
在服务器端渲染时，组件将读取数据，进行渲染，并将渲染后的HTML发送到客户端。
当客户端使用ReactJS挂载HTML时，它会再次从componentWillMount方法中获取数据。这是导致不必要双重数据获取的原因。
它有什么解决方案吗？
浏览 19提问于2016-08-12得票数 2
我正试图从部署在net::ERR_NAME_NOT_RESOLVED.实例上的API网关私有程序中调用一个API网关私有，我得到了：POST
以下是条件：
OK -私有API网关与VPCE (VPCE)相关联，以访问和调用Lambda (在VPC中)
OK -API方法调用Lambda (VPC)的后测试
OK -来自EC2实例命令行的POST测试，这里是curl命令的示例：
curl --位置--请求发布“”
-标题‘内容-类型:应用程序/json’
-数据-raw '{ "my_key"："my_value“}'
错误- React构建中部署在同一
浏览 1提问于2021-02-08得票数 1
回答已采纳
当我创建一个简单的应用程序时，我发现next.js将自动执行服务器端的呈现。
但是当我试图从后端获取数据时，我发现服务器端不会得到数据。
如何从服务器端获取数据？这样我就可以做服务器端的渲染了吗？
components/test.js
import React, { Component } from 'react';
class Test extends Component {
constructor(){
super();
this.state={
'test':''
浏览 0提问于2018-10-22得票数 0
在我的例子中，我需要显示一个信用卡表单，并使用iframe从CardConnect (一个安全的外部站点)加载信用卡字段。问题是，一旦我以模式显示该表单，加载该iframe大约需要半秒。我想要预先渲染/加载iframe，这样一旦它准备好显示，它看起来就像是立即加载的。
我尝试了这个链接中的技术，但没有成功：
我也尝试过记忆iframe，在应用程序的一个隐藏的div中渲染它，然后再次调用它，但也没有成功，它加载了两次。
浏览 0提问于2020-02-12得票数 2
React-router正在呈现我的组件'App‘。(这是react-router的1.0.0版)。
我需要从'App‘内部获取对路由器的引用。这个是可能的吗？
我需要这样做的原因是因为'App‘正在渲染Breadcrumbs --这是react-breadcrumbs v1.0.2的一个实例--而react-breadcrumbs希望路由器在this.content上。(看起来react-breadcrumbs希望Router能做到这一点)。无论如何，我已经想出了如何从应用程序设置上下文(使用childContextTypes和getChildContext)，但我不
浏览 0提问于2015-09-24得票数 1
3回答
我是React js的新手。在此之前，我使用JSF框架构建web应用程序。根据我对JSF的了解，它实际上是从服务器端为相应的JSF标签生成html代码，并将其发送到浏览器并显示它。如果您使用的是JSF2，那么也可以通过AJAX替换相应的前端html部分。
我认为我们可以通过React框架做同样的事情。在react JS中，您可以从服务器生成客户端html代码，并使用一些Javascript引擎(Nashorn Javascript引擎)将其呈现在前端。
因此，在这两种情况下，工作几乎是相同的(从服务器创建的响应)。现在每个人都在谈论React JS是一个高性能的框架。那么，有人能解释一下它是如
浏览 1提问于2015-06-02得票数 0
假设下面的React组件使用React Transition Group，我如何在组件加载时渲染过渡动画？
从‘React’导入react；从‘react- Transition -group’导入{ TransitionGroup，transition}；
const FeatureItem3 = class extends React.Component {
constructor() {
super();
this.state = {
animate: true,
};
}
render() {
return (
浏览 36提问于2018-08-21得票数 0
回答已采纳
6回答
我想知道我的应用程序需要多长时间才能“准备好”让用户与其交互。应用加载的时间线包括以下内容：
DOM加载。初始反应渲染。从各种componentDidMount()sHTTP调用触发的HTTP调用返回。Redux状态通过HTTP responses.React呈现来更新，其中包含来自HTTP responses.All的新值。初始加载完成。用户已准备好与应用程序进行交互。
在这个过程的最后，我想触发一个跟踪事件来记录window.performance.now()的值。
我不确定做这件事最好的方法是什么。React的组件系统在解耦UI的各个部分方面做得很好。在这种情况下，不幸的是，这意味着我没
浏览 36提问于2017-09-26得票数 19
我已经用CodeIgniter创建了应用程序。我在我的应用程序中有视图。渲染该视图后，是否可以仅更新/更改来自codeigniter后端的渲染视图的某些部分？我更喜欢通过使用codeigniter events类的上升事件来改变视图的一部分。这个是可能的吗？ 这是我的控制器home.php <?php namespace App\Controllers;
use CodeIgniter\Events\Events;
class Home extends BaseController
{
public function index()
{
echo v
浏览 14提问于2020-08-23得票数 0
1回答
我第一次尝试服务器端渲染在我的React/Redux应用程序中。我现在遇到的一个问题是，我需要初始状态有一个随机生成的字符串，然后将它作为支柱传递给我的主App组件。这显然会导致问题，因为它会为客户端和服务器生成不同的字符串。我能做些什么来阻止这个问题的发生吗？
有助于理解的基本结构：
App.js
import React from 'react';
import { connect } from 'react-redux';
const App = ({ randomStr }) => (
<div>
<p>{r
浏览 2提问于2016-07-21得票数 6
回答已采纳
我正在学习如何在服务器上渲染我的React站点。到目前为止，我已经成功地使用异步数据进行了渲染，但在包含脚本时遇到了一个问题(因此，当我想拥有同构的应用程序时)：
Warning: React attempted to reuse markup in a container but the checksum was invalid (...):
(client) <!-- react-empty: 1 -
(server) <div class="blah" dat
我不明白为什么会发生这样的事情。我的代码如下：
服务器
require('babel-r
浏览 7提问于2016-08-31得票数 0
回答已采纳
我正在使用React/Redux开发一个应用程序。应用程序从Json文件读取并将更改保存回json文件。
这是一个两页的应用程序，但我没有使用任何路由器。所有的编辑和保存部分都是在第二页上完成的，我在那里隐藏了主页。
我的问题是，每当我保存一些东西，它就会返回到主页，我知道这是默认的行为，因为源代码正在更新。所以它会被重新渲染。我使用不同的动作来渲染第二个页面。
但我正在寻找的是一个简单的解决方案，让它停留在第二页，在那里我可以显示数据已保存的成功消息。
浏览 0提问于2020-02-24得票数 0
我是新来的React JS。我正在尝试开发一个简单的网页，可以从云存储中渲染数据。我正在使用react-redux-firebase来获取数据。它工作得很好。现在，我希望从云函数中获取数据。我已经成功地部署了云函数。我甚至可以使用axios从云函数中获取数据。但我想使用react-redux-firebase。我搜索了很多，但没有找到一个例子。请帮帮我。
const firebase = getFirebase();
var animals = firebase
.functions()
.httpsCallable("getAllAnimal
浏览 26提问于2020-06-04得票数 2
3回答
我在React.JS上构建我的第一个应用程序，我想知道如何在客户端实现简单的安全性，因为我看到了一些漏洞，比如如果你查看页面源代码，脚本标签会显示你用所有功能和渲染的页面制作的所有组件，如果有一个基本的方法来阻止XSS的发生，我也希望看到这一点。 我关心的是任何人如何在react上查看页面源代码并查看脚本标记中的组件
浏览 37提问于2019-09-21得票数 2
我正在开发一个应用程序，上面有一个很大的子组件垂直列表。每个子组件都使用React.memo，我已经构建了优化，以确保当修改列表中的其他组件并更新组件树中更高位置的状态时，它们不会重新呈现。
这是工作良好，并有戏剧性的性能提高，但我想写单元测试(S)，以防止未来的回归，因为人们在项目中添加更多的功能，道具，状态等。
理想情况下，我希望渲染父组件和其中的一些子组件，并在其中一个组件上执行一个操作，该操作应该只会导致父组件和那个子组件重新渲染。然后，我想测试其他子组件是否不会重新呈现。这将是一个安全测试，以确保人们不会做出破坏React.memo的更改(匿名函数或新对象，如道具等)。
以下是对层次
浏览 3提问于2021-11-03得票数 1
我正在用React(Web客户端)开发Django(服务器)。
我还想用facebook社交登录。我知道客户端是公共客户端，服务器是保密的。所以我想使用认证码授权的方式来认证用户。所以我找到了方法，但没有办法实现它。所有的python库limplements都是用于oauth2服务器端渲染的( django server + Web client)。
所以我搞混了，是我错了，还是其他人没有按赠与的方式去做。
当您使用DRF(服务器API) +React(公共Web客户端)时，您如何实现OAuth2社交登录？
我很好奇。请给我一些建议。谢谢。
浏览 0提问于2020-01-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
