将JSON数据从react发送到服务器，而无需重新呈现页面
将JSON数据从React发送到服务器，而无需重新呈现页面可以通过以下步骤实现：
- 在React组件中，使用fetch或axios等库发送HTTP请求到服务器。这些库可以帮助我们发送异步请求并处理响应。
- 在请求中，将JSON数据作为请求体发送到服务器。可以使用POST或PUT方法发送数据。
- 在服务器端，根据后端框架的不同，可以使用不同的方式接收JSON数据。例如，在Node.js中，可以使用body-parser中间件来解析请求体中的JSON数据。
- 在服务器端，对接收到的JSON数据进行处理。可以将数据存储到数据库中、进行业务逻辑处理等。
- 服务器端可以返回响应给客户端，可以是一个简单的成功或失败的消息，也可以是处理后的数据。
以下是一些相关概念和技术：
- JSON（JavaScript Object Notation）：一种轻量级的数据交换格式，常用于前后端数据传输和存储。
- HTTP请求：一种客户端向服务器发送请求的协议，常用的方法有GET、POST、PUT、DELETE等。
- Fetch和Axios：常用的JavaScript库，用于发送HTTP请求。
- 后端框架：例如Node.js的Express、Python的Django等，用于处理服务器端逻辑。
- 数据库：用于存储和管理数据的系统，常见的有关系型数据库（如MySQL）和非关系型数据库（如MongoDB）。
- 前后端分离：一种架构模式，前端负责展示和用户交互，后端负责数据处理和业务逻辑。
- 腾讯云相关产品：腾讯云提供了多种云计算产品，例如云服务器、云数据库、云函数等。具体推荐的产品和介绍链接地址可以根据实际需求选择，可以参考腾讯云官方文档获取更详细的信息。
请注意，由于要求不提及特定的云计算品牌商，因此无法给出具体的产品和链接地址。
相关·内容
我目前正在阅读关于React和通用应用程序的，其中作者声称以下是将初始状态从服务器传递到客户端的最佳实践：
server.js
import React from 'react';
import {renderToStaticMarkup} from 'react-dom/server';
import Myapp from '../MyApp';
import api from '../services';
function renderPage(html, initialData) {
return `
浏览 4提问于2017-05-02得票数 20
回答已采纳
2回答
所以我有一个有多个页面的社交媒体应用程序，它都是用create react app创建的，带有上下文api和用于路由的react-router和用于后端的laravel。现在，谷歌将无法索引这些动态页面，我已经尝试使用react-snapshot预先呈现页面，目前正在研究下一个js。我知道react有这个react dom服务器，在将页面发送到客户端之前，连接另一个服务器是不是一个好主意？ 有没有其他方法可以用cra做ssr。
浏览 11提问于2020-07-16得票数 4
回答已采纳
我必须使用对JSON数据的react查询来实现无限滚动，我不想在页面更改时从服务器获取数据，我需要显示我已经拥有的数据。
我很困惑，怎么做到这一点呢？
我有JSON数据useInfiniteQueryimplement ，我需要使用react获取数据，查询钩子，滚动和数据
浏览 1提问于2021-08-24得票数 0
回答已采纳
2回答
我正试图找到一种解决方案，通过express route中的呈现页将数据发送到React组件。基本上，我有一个<a />标记，我已经附加了一个包含参数的超链接，这些参数被发送到express应用程序。基于这些参数，我想询问一个数据库，并将这些数据与render页面一起发送，以实现页面的动态行为。我的<a/>标记包含在另一个页面中，并具有以下形式：
<a href={"/view-ticket/" + data.id}>
其中data.id是我的数据库中某项的id (例如2)
这是我的express路线：
router.get('/vi
浏览 1提问于2018-05-27得票数 1
回答已采纳
我正在尝试从带有React约会详细信息组件的快速后端获取有关约会的数据。我的问题是，在使用hashHistory.push("/appointment/" + this.state.id)重定向到组件之后，我得到的响应json是空的。但是，在刷新页面或直接访问url之后，我得到了正确的json。
//Success.js
async componentDidMount() {
try {
const response = await fetch(`api/appointments/${this.props.params.id}`)
浏览 1提问于2021-09-05得票数 0
我在index.html页面中有一个JS全局变量，我需要在react JS应用程序中调用这个变量，我尝试将结果存储在本地存储中，然后从react应用程序中调用它，第一次在react应用程序中调用localstorage时返回"null“值，但是如果我刷新页面显示的值，我如何从第一次获取值，而不刷新页面？！
<script>
var langObject='';
$.getJSON('http://getJSON.com/en', function(data) {
langObject = data;
localStorage.
浏览 1提问于2016-12-10得票数 0
1回答
由于非JS解释，我很难理解将服务器端数据加载到REACT.JS“视图”的概念。
假设我有一个建在Laravel上的网站(使用路线)。每个路由请求(例如"/“、”联系人“)都有自己的观点。该视图包含来自控制器的数据，并显示在视图中。如果我改变路线，我将被重定向到另一个视图，我将从不同的控制器获得不同的数据。
现在问题来了。假设我有一个简单的网站。最上面的部分是我的登录信息，也许还有一些通知图标，页面的内容会随着网页的不同部分而变化。
所以如果我继续使用Laravel路线。每个页面都将被“重新呈现”+我将不得不手动选择哪些组件属于站点的那个部分。我将不得不再次从整个网络中检索保持不变的信息
浏览 2提问于2016-03-14得票数 1
2回答
我有一个通过Express进行服务器端渲染的React应用程序。我有一个简单的App组件：
import React, { Component } from 'react';
export default class App extends Component {
constructor(props) {
super(props)
this.state = {
data: []
};
fetch('http://backend', {
mode: 'cors',
})
浏览 0提问于2017-01-30得票数 1
1回答
在Express中响应两次
、、、、
我的React代码
<form action="/ContactUs/FormData" method="POST">
...
</form>
和
handleSubmit(){
fetch('/ContactUs/FormData')
.then((results)=>results.json())
.then((result)=>{
if(result.name==='ErrorOccured'){
this.
浏览 1提问于2018-09-09得票数 0
我正在尝试使用React.js创建我的第一个web应用程序。
我希望React执行客户端呈现，但是呈现的页面由服务器承载的数据库中的数据控制。
我应该如何传递这些数据以作出反应？
我是否必须使用我的数据的json表示形式预先填充服务器端的每个html页面？
或者可以直接从客户端访问我的数据库(或者使用RESTful API调用)？
更新: 001
我可以找到的所有示例都在node.js上安装了node.js。我可以在Apache™、、Jetty上使用REACT.js吗？
浏览 6提问于2015-05-03得票数 3
回答已采纳
我正在研究用CSR开发一个SEO友好的React网站的方法。我读过很多文章，指出要提供一个SEO友好的网站，应该采用SSR方法。 据我所知，在CSR中使用浏览器的view source功能时，html内容是一堆javascript包文件，实际的html不会出现，因为view source只显示从服务器端呈现的内容。而在SSR中，html被呈现并被传递给浏览器，并且所显示的html将出现在页面的源视图中。 然而，https://divar.ir (一个著名的零售网站)似乎在使用CSR (在单击任何链接时，通过ajax调用从api端点获取json格式的数据，然后页面看起来就像是在客户端呈现的)。
浏览 24提问于2019-12-11得票数 0
回答已采纳
大家好，我想知道，当我试图从express发送数据到react时，是否总是需要一个状态。
例如，我的server.js有一个文件：
const express = require('express');
const router = express.Router();
router.get('/', (req, res, next) =>{
res.send({'name': 'bella'})
});
module.exports = router;
这只是将我的一个发送到屏幕上，当我试图通过localhost 3
浏览 1提问于2018-04-12得票数 0
2回答
我正在研究React电子商务项目中的一个表单。 它的工作原理如下:当用户填写表单并单击submit按钮时，我希望将表单数据发送到服务器，并将用户重定向到确认/感谢页面。 不幸的是，当我填写表单并单击submit按钮时，以下代码以特定的方式工作： 第一次点击-它会发送数据，但"setSubmitted(true)“不起作用，所以我不会被重定向 第二次单击- is再次发送数据，setSubmitted工作，我被重定向 你能告诉我如何修复代码吗？ let history = useHistory();
const [submitted, setSubmitted] = useState(f
浏览 52提问于2021-10-27得票数 0
当心，我对ReactJS和PrimeReact都是新手。我正在尝试构建一个页面，该页面显示人员列表，来自另一个Java后端服务器的数据。
首先，以下是JSON数据：
这是我的index.js：
import React from 'react';
import ReactDOM from 'react-dom';
import PersonManager from './PersonManager';
import './index.css';
ReactDOM.render(<PersonManager /&g
浏览 4提问于2020-09-06得票数 0
回答已采纳
1回答
我想开始使用react with express。我知道，我可以在react package.json中使用代理。并使用我的快递类api。但是如果我想使用客户端路由和服务器端渲染，我可以在哪里展示它？
浏览 2提问于2018-11-16得票数 0
2回答
我的想法是使用angularJS创建一个SPA应用程序，然后在需要的时候将AJAX更新发送到服务器。
我最初的想法是让客户端应用程序飞起来，但是如果我必须对服务器执行AJAX往返，我认为时间与请求单个web页面的时间大致相同。
请求一个页面只是有更多字节的数据，而不是像本文中那样请求20个资源：
我会要求每个请求一个页面或资源。
因此，最后，即使我使用angularJS将客户端应用程序创建为SPA，这些请求(必须是同步的，并在它们不返回时显示一条请等待消息，因为我不希望用户采取更多的操作，以确保他的请求通过验证并被正确处理)将花费一些时间并使用户等待，就像请求一个完整的页面一样。
我认为SPA
浏览 4提问于2014-11-26得票数 0
我有一个应用程序，基本上是一个导航栏，有几个链接到其他页面显示在它下面。一些页面从数据库中提取信息，或者在本例中，它具有从数据库中删除信息的功能。按钮工作并删除信息，但为了刷新显示在页面上的数据，我必须切换到导航栏上的另一个页面，然后返回到我希望更新的页面。
AdminApp.js (缩写为可读性)
import React, { Component } from 'react';
import {
Row, Container, Col, Form,
} from 'reactstrap';
import AdminDashboard from '
浏览 1提问于2019-07-25得票数 0
回答已采纳
我正在尝试使用上下文API进行一些状态管理；我想要实现的是，当我到达特定的路由时，我从服务器加载数据，将其存储在上下文中，并在页面本身中显示数据。这导致了一个无限循环，其中对服务器的请求是一次又一次地完成的(并且永不停止)。
我试图为提供者和消费者逻辑使用更高级的组件：
import React, { Component, createContext } from 'react';
import RequestStatus from '../RequestStatus';
import { getData } from '../Api';
c
浏览 0提问于2019-01-16得票数 2
回答已采纳
const [resourceType, setResourceType] = useState("posts");
const [data, setData] = useState("");
useEffect(() => {
console.log("use effects called: " + resourceType);
fetch(`https://jsonplaceholder.typicode.com/${resourceType}`)
.then((result) => {
浏览 6提问于2022-04-10得票数 1
回答已采纳
我正在构建一个React项目，该项目通过自定义钩子从API中检索数据，一旦数据被检索，它就会显示卡片，单击它们打开描述性页面。到现在为止一切都很好。
// App.js
<Routes>
<Route path="/" element={<Home />} /> // cards list
<Route path="/:eleId" element={<Details />} /> // description page
</Routes>
// Home.jsx with
浏览 1提问于2022-02-08得票数 2
回答已采纳
2回答
为了更清晰，我的问题更多的是架构问题，我想了很多方法来做我需要做的事情，但不知道哪一个是正确的/最好的，所以就是这样。
我使用ajax从远程when服务器获取一些xml，然后用jquery.What解析它。我想要的是，当页面第一次呈现时，我有一些“加载”gif，一个对应于我将要发出的每个ajax请求，然后当数据被获取时，它就会出现在页面上。
问题是，我希望让jquery将这些数据发送到视图以呈现这些数据。(这篇文章是为其他使用我的应用程序的开发人员准备的，他们不太了解javascript，更喜欢编写python/html来编写他们想要的数据显示方式，并使用django模板引擎来定制标签和其他东
浏览 0提问于2013-08-23得票数 0
1回答
我使用create-react-app模板创建了一个项目。我试图从JSON文件导入数据，并将其作为道具发送到todos组件文件，但我没有在Todos文件中使用它作为道具，但当我在应用程序组件中使用add按钮更新文件时，它会更新todo列表。我不明白它为什么要这么做。如果有人能解释一下发生了什么，那将是一个很大的帮助。
这是app.js文件
import { Component } from 'react';
import Todos from "./todos";
import tasks from './data.json';
import &
浏览 0提问于2021-06-15得票数 1
我对ReactJS相当陌生，我使用NodeJS和Express来构建一个小型的SPA应用程序。我的要求是在初始页面加载时从mysql加载数据。该脚本如下所示：
/** @jsx React.DOM */
var React = require('react');
var Request = require('request');
var HomePage = React.createClass({
getInitialState: function() {
return {
name: "Batman&
浏览 1提问于2015-08-30得票数 1
回答已采纳
我刚开始使用react-query，我的webapp使用的是nextjs和firebase。我只有几个页面(projects.jsx和id，jsx)完全依赖于从服务器端预取的数据。但是，它们从完全相同的api路由获取数据。
我希望在getStaticProps中使用react查询可以缓存结果，然后从那里我可以将数据发送到客户端。但是从我所有的尝试来看，缓存似乎只发生在客户端，就像我调用
useQuery("projects", () => fetch("/projects"), {
initialData: projects //assume proj
浏览 4提问于2021-11-07得票数 0
我有一个Meteor/React应用程序，并且正在使用Meteor createContainer容器方法从Mongo收集数据并将结果传递到子组件中。我发现，当任何params更改时，Mongo查询都会重新计算(即使params不影响Mongo查询本身)，并且道具被发送到子组件上，这使得它无法正常地重新呈现。这是createContainer应该工作的方式，还是只在查询返回的数据发生变化时才发送下道具？
export default MyComponentContainer = createContainer(( params ) => {
// Some Mongo quer
浏览 4提问于2016-11-11得票数 3
回答已采纳
我想知道在web应用程序中呈现部分视图的好方法(或建议的方法)是什么。
我有一个需求，我需要使用AJAX将数据加载到已经呈现的页面中，这有点像“加载更多.”链接到页面的末尾，该链接从服务器获取更多信息并将其呈现到页面底部。
对于AJAX响应，我目前正在使用的两个选项是
返回数据的JSON表示，并使用客户端模板库(例如jQuery模板)或简单的javascript将JSON转换为HTML并附加到页面底部
在服务器上呈现部分视图(在我的示例中使用grails‘render template:'tmplt_name')，并将其发送到线上，并将结果附加到页面底部
还有其
浏览 4提问于2011-12-17得票数 7
回答已采纳
此代码位于NextJS中的页面文件中。虽然我没有使用getStaticProps或getServerSideProps，但它仍然执行服务器端呈现。
这是故意的吗？文档意味着这些get函数是必需的：
import React from "react";
import Head from "next/head";
import Link from "next/link";
import { ApolloProvider } from "@apollo/react-hooks";
import ApolloClient from
浏览 2提问于2020-06-09得票数 1
回答已采纳
我通过查询从数据库中获取所有数据，并将其转换为JSON对象。此JSON对象数据需要显示在html页面表中。
如何使用webapp2框架将JSON对象发送到html页面？
例如：
self.response.headers['Content-Type'] = 'application/json'
obj = {
'success': 'some var',
'payload': 'some var'
}
self.r
浏览 1提问于2015-10-20得票数 2
2回答
所以这是一个相当新的话题，React Server Components最近发布了，与SSR/Next.js相比，它对SEO有什么影响？
由于组件是在请求时在服务器上动态呈现的，所以它并不像Next.js那样是静态的，如果我使用它，搜索引擎会不会无法索引这些组件？
一个演示可以找到
我们可以在api.server.js中看到，
async function renderReactTree(res, props) {
await waitForWebpack();
const manifest = readFileSync(
path.resolve(__dirname,
浏览 1提问于2020-12-29得票数 6
我已经创建了一个组件componentDidMount()数据，它具有从API获取数据的函数。之后，我将其导入到主组件中。主组件有一个呈现方法，其中我有一个简单的结构:第一个div -一些信息和导入的组件数据，第二个div是一个按钮，它打开一个模型，它有一些文本和按钮关闭这个模式对话框。我已经读过，componentDidMount()只在组件呈现后被调用一次。但是当我同时按下按钮打开我的模态页面时，componentDidMount()又被调用了。我需要的是，当我打开模态框时，componentDidMount()不会运行。但只有在呈现或刷新页时才运行。
主组件
import React f
浏览 1提问于2020-03-19得票数 0
回答已采纳
我正在构建具有层次结构和能力的应用程序，可以通过管理面板设置用户想要的任何弹格url。例如，如果顶部的页面有url news，而其中的页面有url new_telescope，则整个url将是/news/new_telescope/。我编写了url控制器来处理这个问题，所以不管url中有多少级别，我都可以从服务器获得所需页面的数据。这样，我的React Router就不会有预定义的url--我需要获取当前的url，将其发送到服务器，获取数据，获取组件并呈现它。现在看起来是这样的：
function getRoute() {
url.splice(0, 1);
adminRequ
浏览 5提问于2022-07-16得票数 1
回答已采纳
我正在尝试useState更新会话存储中的变量，然后我想发送一个api请求到我的服务器并获取一些数据。如果我将电子邮件和密码硬编码到api请求中，这一切都会起作用。但是，当我等待程序获取数据时，api请求在异步useState函数结束之前运行。我尝试使用useEffect并等待用户更改，以便函数在获得数据之前不会运行，但这会使我陷入无限循环。
这是一个更广泛程序的一部分，该程序获取登录数据并进行身份验证。在这一步之后，我希望能够移动到一个新的页面，然后从我的服务器加载一些数据，但这就是它崩溃的地方。
import axios from 'axios';
import Navba
浏览 2提问于2020-12-25得票数 1
2回答
据我了解，在客户端，React将重新呈现DOM中需要随时更新的部分状态更改，因此没有必要在初始页面加载之后重新加载整个页面(因此它将是一个单页应用程序)。
有了服务器端的渲染，我还能使用这个单页应用程序吗？
有一个关于这个话题的，但我相信它没有回答我的问题。如果我想实现单页应用程序，是否必须同时使用服务器端和客户端呈现？
浏览 1提问于2018-01-31得票数 1
回答已采纳
1回答
问题：当我使用history.push()时，我可以看到浏览器更改了url，但是它没有在路径上呈现我的组件。只有在刷新页面时，它才会呈现。
App.js文件：
import React from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import { Provider } from "react-redux";
import PropTypes from "prop-types";
//Components
impo
浏览 0提问于2019-07-21得票数 4
3回答
下面是
在React.js应用程序中，我试图使用异步/等待向服务器发出一个简单的get请求。服务器在/data上加载一个简单的JSON，如下所示
JSON
{
id: 1,
name: "Aditya"
}
我可以使用简单的方法将数据发送到。但是，我想利用axios库和异步/等待来遵循ES7标准。我的当前代码如下：
class App extends React.Component{
async getData(){
const res = await axios('/data');
console.log(res.json(
浏览 6提问于2017-10-13得票数 69
回答已采纳
我的团队开发了一个django网站，它有大量的页面，这些页面完全不需要javascript，或者可以使用一些jquery操作。我们想要尝试使用一个反应库，以加快我们的网页和添加页面导航，而不完全页面重新加载(我们选择react，因为我们实现了一些SPA网站与react，我们喜欢它)。此外，我们的页面应该使用禁用js。
我想从一页开始，上面有5张表格。如果提交任何表单，则重新加载页面，字段中填充的数据丢失，并且工作缓慢。我想在ajax上实现数据发送，并在服务器应答后更改一些html。
每个react教程都说要编写带有html标记的jsx组件，用babel将其转换为纯js，并在页面加载时动态添加。
浏览 2提问于2016-12-20得票数 4
我编写了一个非常简单的Express NodeJS应用程序，它从表单中读取用户的数据并发送到服务器。服务器执行一些操作，并将一个新字符串返回到同一页。但是，为了将新数据返回到当前加载的页面，我必须重新呈现页面。我只想通过从节点js发送字符串来更新字符串，而不是重新呈现整个页面。
我有以下问题：
如何在不重新呈现整个页面的情况下从NodeJS服务器发送数据？
为什么用Post方法发送数据，在req.body.XXX中提供数据，而用Get方法发送数据，返回undefined for req.body.XXX。
index.js:
var express = require('
浏览 3提问于2016-01-09得票数 3
2回答
我正在学习使用react.js，在使用事件处理程序时遇到了一些问题。最后一个问题是:是否可以使用服务器端呈现并自动将事件处理程序发送到客户端？
下面是我的示例:我有一个呈现服务器端并发送到客户端的index.jsx
var React = require("react");
var DefaultLayout = require("./layout/default");
var LikeButton = React.createClass({
getInitialState: function() {
return {liked: false};
浏览 1提问于2016-03-26得票数 23
回答已采纳
假设我单击了一个并将自己转发到/about路由。这个/about路由只有getServerSideProps和其中定义的一些简单的JSX：
// /about page
import Head from 'next/head'
import Users from '../components/Users'
export default function About() {
return (
<div>
<Head>
<title>About Page</title>
浏览 0提问于2020-08-16得票数 0
技术堆栈: React，Redux，Thunk。
主要任务:我需要在页面上显示可能编辑的用户信息(信息内部输入)。
方法:在redux存储中设置用户数据。页面加载后，我们发送请求(使用thunk)从服务器获取用户数据并将其写入redux。然后，我应该使用useState()将这些数据放入一个输入中。
问题：“然后我应该用useState()把这个数据放在一个输入中。”
这里有一个问题。重新呈现组件问题。我的解决方案是:条件，其中check是用户数据加载与否，并且在iput中是已设置的状态。
我认为这是做一些更简单的。
浏览 0提问于2020-06-14得票数 0
例如，我们创建了一个像下面这样的react组件
var HelloMessage = React.createClass({
render: function() {
return <div>Hello {this.props.name}</div>;
}
});
ReactDOM.render(<HelloMessage name="John" />, mountNode);
那么，我可以从服务器传递消息变量吗？像这样
ReactDOM.render(<HelloMessage name="{{ messag
浏览 5提问于2016-01-21得票数 4
回答已采纳
我做了两个组件。一个是Articles.js，另一个是article.js。路由器位于app.js中。以下是来自app.js的代码：
<Router>
<Switch>
<Route exact path="/articles" component={Articles}>
</Route>
<Route path="/article/:id" component={Article}/>
&l
浏览 0提问于2021-06-02得票数 1
1回答
我正在通过学习如何编写同构的JavaScript应用程序来更新我的技能集。对于我的堆栈，我选择了React和Express -还没有数据库。
在编写这类应用程序时，许多人似乎面临的问题是从服务器获取数据到客户端，这样视图就可以正确地呈现在客户端。显然，最好的方法是对数据进行JSON编码，并将其包含在服务器呈现的页面中。
所有这些都已经完成，而且很有效，但是如果有人知道他们在做什么，在我养成坏习惯之前，能在我的技术上发挥作用的话，我会非常感激。
一个工作的存储库(非常小)是可在GitHub上获得，但是我在下面包含了有关代码的相关内容。
为了将数据传递给客户端，我通过React将其传递到基本模板，
浏览 0提问于2016-01-06得票数 2
回答已采纳
3回答
我使用react-markdown (转义)从JSON文件加载markdown。
我利用CloudFront上的静态站点交付来削减成本，并消除服务器上的运营成本。
目前，所有帖子都被编译成一个posts.json文件，由基于react的静态站点中的react-markdown读取。
除了可能将其分块到多个文件中以防止需要下载大型json文件之外，这种方法是否存在任何类型的问题？
这是个坏主意吗？
编辑；react-snap被用来“预编译”或其他术语。然而，我不确定这是否对加载到页面上的json做了什么，例如，如果它在build中作为普通HTML得到输出。将不得不确认。
浏览 0提问于2020-08-06得票数 2
我刚开始ReactJS，我仍然有问题的理解状态和道具。
我正在尝试使用node.js、React和Socket.io构建一个聊天应用程序。在服务器端，一切都很好，但是，我很难显示数据。
我的问题是:我有一个包含三个组件的应用程序，如下所示：
聊天室-- MessageList区- MessageInput
我希望聊天组件包含由服务器和messageInput组件提供的消息列表。
因为Chat组件将保存状态，所以我有一个初始化两个变量的构造函数。但是，当我从messageInput更新这些变量时，组件将被重新呈现，导致再次调用构造函数并重新初始化状态。
class Chat extends Re
浏览 0提问于2019-10-18得票数 0
回答已采纳
在react.js应用程序中，我想知道向每个组件提供一个ID的最佳实践是什么，该ID仅在需要时用于更新该组件的信息。
例如，如果我们有一个显示销售信息的组件，并创建和显示其中的20个，因为我们有20个产品，那么我们从服务器上检索JSON，以查询任何已经更新的产品，然后只希望更新更改的产品，我们如何做到这一点。
在过去，我们使用PHP创建小部件，并根据id (比如“sales”+ productid)为它们提供ID属性。然后，当JSON以更改的产品be从服务器返回时，我们只能针对需要更新的小部件。我们将知道它们的id属性，并可以使用如下内容更新它们：
This.element.find(“#”+
浏览 0提问于2017-06-14得票数 4
回答已采纳
我使用从字典API中获取数据，我想添加一个功能，在这个功能中，我可以更改从我添加的API中提取的值，这个函数改变了作为url一部分的状态，当它触发一个重服务器时，它应该为URL中的单词提供一个新的定义。但它的表现相当缓慢，有时需要多次点击才能工作--这很奇怪，我认为这与获取数据的速度有关，但事实并非如此，因为它会在控制台上立即返回。
这是我的页面：
import React from "react";
import { useQuery } from "react-query";
import { useState } from "react";
浏览 4提问于2022-07-01得票数 1
回答已采纳
我想通过signalr从服务器获取数据，并更新React组件的内容。一切都很好。从服务器接收数据，但组件状态无法更新(未定义)。
这是我的代码：
import React, { Component } from 'react';
import { ToastComponent } from '@syncfusion/ej2-react-notifications';
import * as signalR from '@aspnet/signalr';
class Notification extends React.Component {
浏览 0提问于2019-08-04得票数 6
回答已采纳
因此，我需要将数据从express作为后端发送到react.js作为前端，我不知道我是否使用了正确的方法
所以我试图做的是，当我在mywebsite.com/home时，我从数据库中获得所有的帖子，它将是用户名和他的帖子…但我在这里得到的是，我在mywebsite.com上安装了显示来自/api的数据，并快速更改来自/s的数据
import React, { useEffect } from 'react';
import "./App.css";
import logo from './logo.svg';
import './Ap
浏览 4提问于2021-06-06得票数 0
4回答
我有一个传递给flat-list的空数组。我还使用useEffect从服务器获取数据并更新列表。但是，在使用数据设置数组的新状态后，不会重新呈现flat-list。
const [listData, setlistData] = React.useState<Transaction[]>([])
const [dataUpdated, setDataUpdated] = React.useState<boolean>(false)
React.useEffect(() => {
if(route.params.showAllData)
{
浏览 0提问于2021-01-03得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
