腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
React:备忘录不起作用- OnClick按钮导致重新呈现
reactjs
、
react-hooks
在这个例子中,我使用memo来防止组件重新渲染,但是,即使项目属性没有改变,它也会在每次单击按钮时重新渲染。根据react文档,只有当道具被更改时,带有备忘录的组件才不会重新呈现。 import React, { memo, useContext } from "react"; import { BasketContext } from "./Context"; const ItemCard = React.memo(({ item }) => { const [basket, setBasket] = useContext(BasketContex
浏览 6
提问于2021-06-01
得票数 0
1
回答
更新状态是重新生成不依赖于此状态的组件。
javascript
、
reactjs
、
react-hooks
、
use-state
我有一个非常小的应用程序。它由一个输入元素和一个表组成。当按下表中的单元格时,输入元素将显示在表中按下的单元格。但是,我注意到,在输入元素中显示选定的单元格需要花费惊人的时间(0.3s)。然后我做了一些分析,并进行了console.logging,这是输出: 我仍然是一个反应的初学者,并想知道我正在监督什么样的设计模式这样的功能。我不明白为什么会重新呈现整个应用程序(至少在虚拟DOM中是这样),尽管只有一小部分( <ShowSelectedCell/>)应该改变。 最小示例: Index.js import React from 'react'; imp
浏览 13
提问于2021-12-28
得票数 2
1
回答
防止在onChange输入时从子组件呈现
reactjs
、
typescript
、
rendering
我一直在尝试通过阻止下面示例中的容器组件在每次子组件更新时重新呈现来优化应用程序。当UsersList组件的输入发生变化时,如何预渲染EditableRow组件?谢谢。链接代码:https://stackblitz.com/edit/react-ts-llwq51?file=EditableRow.tsx
浏览 17
提问于2021-10-22
得票数 1
1
回答
如何在窗体中设置状态而不重新呈现组件
reactjs
、
forms
、
state
、
render
我有一个表单,其中我想在状态(例如,setEducation)中设置输入的传入值。我使用onChange,但这会导致每次更改输入字段时都呈现组件。解决问题的正确方法是什么? <form id="loginform" onSubmit={onBecomeDoctorRequestHandler} > <div className="form-group mb-3"> <label>Educati
浏览 3
提问于2022-03-16
得票数 0
回答已采纳
4
回答
为什么每次更改TextInput时我的导出函数都调用
typescript
、
react-native
嗨,这里是我的代码在react和输入脚本为什么这个console.log,调用每次我的文本文件更改触发器. export default function TabOneScreen({ navigation, }) { const [out_1, set_out1] = useState(''); const [out_2, set_out2] = useState(''); const [main_device, setMain_dev] = useState(''); console.log("
浏览 7
提问于2020-12-20
得票数 0
回答已采纳
1
回答
在React中子组件重新呈现的默认行为是什么?
javascript
、
reactjs
我有一个简单的父-子组件结构,并想知道为什么父组件重新呈现会导致子组件再次呈现,这是默认行为吗?以及如何预防呢? 下面是我的代码片段- import "./App.css"; import Library from "./library/Library"; import { useState } from "react"; import LibraryParent from "./library/LibraryParent"; function App() { const [name, setname] = useState
浏览 1
提问于2022-10-21
得票数 0
回答已采纳
1
回答
React组件正在重新渲染无限次
javascript
、
reactjs
、
redux
、
react-router
路由器文件中的几乎所有组件都会无限运行。不知道有什么问题。由于此问题,ajax请求会发送无限的GET请求。 所有的文件看起来都像这样。 import React, { useState, useEffect } from "react"; import { connect } from "react-redux"; import { apiCall } from "../handlers/api"; import BasicTable from "../reusable/table"; import { loadFields }
浏览 45
提问于2021-02-20
得票数 0
回答已采纳
5
回答
为什么来自父组件的setState调用子componentDidUpdate?
reactjs
在本例中,componentDidUpdate是在设置状态跟踪时触发的。HelloMessage道具和状态没有改变,所以为什么要调用这个方法?如何防止这种情况发生? class HelloMessage extends React.Component { componentDidUpdate(prevProps, prevState) { console.log('HelloMessage did update'); } render() { return <div>Hellooo</div>; } } class A
浏览 0
提问于2018-08-17
得票数 1
回答已采纳
2
回答
是否需要useMemo通过reactjs中的上下文API管理状态?
reactjs
、
react-hooks
、
state
我试图理解,它描述了如何使用react的上下文API来管理应用程序级的状态。对于一个简单的应用程序(在本例中是一个基本计数器应用程序),它使用以下解决方案: const CountContext = React.createContext() function CountProvider(props) { const [count, setCount] = React.useState(0) const value = React.useMemo(() => [count, setCount], [count]) return <CountContext.Provid
浏览 6
提问于2020-06-06
得票数 34
回答已采纳
1
回答
Next.js中的所有输入都会导致完全重呈现。
javascript
、
reactjs
、
react-hooks
、
next.js
我正在开发一个使用Next.js版本的12.1.5应用程序,我遇到了一个非常疯狂的错误。每个输入组件在每次击键时都会导致完全的重呈现,导致输入的焦点丢失。这适用于input、textarea,甚至@monaco-editor/react包。我在Formik表单中也有同样的问题,奇怪的是,我能够通过切换到react-hook-form来解决这个问题。但是,我仍然在接受击键的所有组件上看到它。 我试着将组件的值状态移到树上,尝试将本地的状态放到组件上,但我完全没有运气。这就是我的input组件的样子: Input.tsx import { forwardRef, InputHTMLAttribut
浏览 17
提问于2022-04-26
得票数 0
回答已采纳
1
回答
React中的数据表:更改状态VS手动更新DOM;data-*属性VS匿名函数
javascript
、
reactjs
我有一个React组件,它根据从服务器获取的数据来呈现单词及其翻译的表。单词被分成组,同一个词可以出现在多个组中。在同一个表中,每个组都有一个单独的<tbody>标记。 我使用以下REST API路由从组中删除一个单词:DELETE /api/groups/group_id/words/word_id。我希望将此功能添加到我的React表中,以便每个表行都有一个delete按钮,当单击该按钮时,将向服务器发送一个AJAX请求,如果成功,将从表中删除该行。 从表中删除行的最正确的语义方法是更新保存数据的组件状态。如下所示: this.setState(state => {
浏览 2
提问于2018-06-09
得票数 0
1
回答
如果道具和状态没有改变,为什么响应组件更新?
javascript
、
reactjs
、
rendering
React是在状态或propr保持不变时呈现的。我不明白它为什么要重新更新/更新,因为结果不会改变 class A extends Component { render() { console.log("Hello") return "Foo"; } } class App extends Component { constructor(props) { super(props); this.state = { a: "ASDA" }; } render() { return (
浏览 4
提问于2020-03-22
得票数 3
回答已采纳
2
回答
响应两次调用的useState处理程序
reactjs
有这样一个简单的反应应用程序: import React, { useState, useRef, useEffect } from "react"; import ReactDOM from "react-dom"; import "./styles.css"; function App() { console.log("App") const [inputValue, setInputValue] = useState(0); return ( <> <input
浏览 5
提问于2022-05-05
得票数 1
1
回答
将道具存储为useState
javascript
、
html
、
reactjs
我想实现子程序的排序功能,其中道具是通过一个axios调用从父函数传入的--我应该吗? 在子useState中存储道具 从道具传入父setState来实现这一点? 假设我不需要父母重新排序,我的想法是1可能更有利-只是我不确定在setState中存储道具是一种常见的模式。 第一个案例() -在子useState中存储道具 父母jsx import { useEffect, useRef, useState } from "react"; import "./styles.css"; import Child from "./Child
浏览 4
提问于2022-05-22
得票数 0
1
回答
Reacthook循环遍历发生多次,呈现速度非常慢。
reactjs
、
react-hooks
我试图在map循环中显示数组。Filtergroup是一个非常大的数组。当我点击选择其中之一时,渲染非常慢。我该怎么解决呢?(我试着用usememo,但没有用) const FilterAccordionItem: React.FC<FilterAccordionItemProps> = (props) => { const { filterGroup, toggleSelect, selectedSet, ...rest } = props; const imageSelectMode = filterGroup.selectType === SelectTypeEnum.
浏览 2
提问于2022-04-14
得票数 0
回答已采纳
2
回答
确定一个组件是否要在react中更新
reactjs
、
redux
、
react-redux
根据 answer,react redux react会比较mapStateToProps的输出,以确定组件是否需要重新呈现。 我有一个组件,尽管相关状态发生了变化,但它不会重新呈现。我将断点附加到react redux源代码中的函数,但发现该函数实际上返回false(即,如果我的组件不相等,则被比较的对象).So理想情况下,我的组件应该重新呈现。因此,我无法弄清楚为什么我的组件不能重新呈现。我猜这是因为connect函数中的性能优化。 有没有办法打印connect函数中关于重新呈现组件的检查的输出
浏览 2
提问于2017-05-30
得票数 1
1
回答
如何避免从react - DropdownList重新呈现react-widgets
javascript
、
json
、
reactjs
我使用react-widgets中的DropdownList从json文件中创建下拉菜单(lang具有这些值)。代码如下: <DropdownList ref='dropdown' data={lang} valueField='id' textField={item => item.name} caseSensitive={false} filter='contains'
浏览 0
提问于2016-07-20
得票数 2
2
回答
Tac趾反应
beginner
、
tic-tac-toe
、
react.js
、
jsx
我在“反应”中写了这个抽搐脚趾游戏。我正在学习反应。欢迎反馈。我故意用单一的文件,专注于反应而不是其他方面。 <!-- 3x3 Tic tac toe implementation in React JS. --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>Tic Tac Toe</title> <!-- Import react --> <script src=
浏览 0
提问于2017-03-21
得票数 2
1
回答
ReactJs立即打印值
javascript
、
reactjs
、
jsx
我是reactjs的新手,正在尝试打印输入字段的更新值。我最初尝试的是这样的: var App = React.createClass({ render() { return <div> <h1>Hello, {this.props.name}</h1> <input type="text" onKeyUp={this.handleChange} /> <p>{this.handleChange}</p> </div>; },
浏览 2
提问于2016-10-04
得票数 5
回答已采纳
1
回答
为什么React.Js模板和角度模型之间没有绑定?
javascript
、
angularjs
、
data-binding
、
angularjs-directive
、
reactjs
我正在尝试混合React.JS和trying。你可以看到我的代码。我所见过的大多数例子都涉及到一个以基本角度编写的输入,然后用React编写输出,就像在中那样。我正试图做相反的事。我有两个输入字段,作为在指令中创建的React组件,然后用角完成模型的输出。 我无法获得输出来反映模型中的更改。模型为$scope.formData = {name: "name", email: "email"}; 我尝试遵循中的示例,并在指令中创建一个独立的作用域。 scope: { formname: '=formname',
浏览 1
提问于2014-06-23
得票数 2
回答已采纳
3
回答
React shouldComponentUpdate() = false不停止重新渲染
javascript
、
reactjs
基本上,我有一个非常简单的react组件。它所做的就是包装“react-intercom”,并且只有在状态发生变化时才会呈现它。为了简化这个问题,我将shouldCompoenentUpdate()方法硬连接为总是返回false。 import React from 'react'; import Intercom from 'react-intercom'; class IntercomWrapper extends React.Component { shouldComponentUpdate(nextP
浏览 6
提问于2017-09-13
得票数 15
1
回答
通过道具实现D3可缩放Sunburst和React更新
javascript
、
reactjs
、
d3.js
、
react-hooks
、
react-d3
我正在尝试让一个使用d3太阳爆发图的react组件工作。我面临的问题是,我需要一种方法来更新sunburst组件的缩放级别,作为外部组件的触发器。我将节点通过props发送到sunburst组件,每次有不同组件的外部输入时,该节点都会发生变化。 这是我到目前为止拥有的伪代码,但每个属性都会发生变化。 function usePrevious(value) { const ref = useRef(); useEffect(() => { ref.current = value; }); return ref.current; } const SunburstS
浏览 25
提问于2021-07-13
得票数 0
1
回答
反应-日期时间-不能编辑日期或时间
javascript
、
node.js
、
reactjs
、
frontend
、
react-datetime
当单击“输入”框并键入“有效”时,输入将清除,或者某些随机日期和时间将分配给此输入。 它允许我用鼠标选择日期或时间。无论何时输入,输入都会清除或分配随机值。 <Datetime value={moment(date)} onChange={(date) => setDate(date)} dateFormat="DD/MM/YYYY" timeFormat="HH:mm:ss" utc={true} /> 当尝试使用"defaultValue“而不是" value”时,这将允许输入日期或时间,但它不会出现我通
浏览 6
提问于2022-01-04
得票数 0
2
回答
如何避免在使用JSX的映射时卸载子组件?
javascript
、
reactjs
、
unmount
这是一个更简洁的版本。希望它能得到更好的解释和理解。 这是一个小应用程序,有3个输入,期望数字(请忽略,你也可以键入非数字,这不是重点)。它计算所有显示的数字的和。如果用另一个数字更改一个输入,则更新和。 这是它的代码: import { useCallback, useEffect, useState } from 'react'; function App() { const [items, setItems] = useState([ { index: 0, value: "1" }, { index: 1, value:
浏览 1
提问于2021-09-20
得票数 3
回答已采纳
1
回答
使用动态创建的react组件并填充状态值。
javascript
、
reactjs
、
performance
下面是概念笔的证明。我试图显示一个输入字段的,当它们在一个大对象中发生变化时,尝试收集它们的输入。正如您所看到的,输入不会改变它们的值,这正是我所期望的,因为它们只使用useEffect()创建一次,并在该实例中填充。 我认为解决这一问题的唯一方法是在React.cloneElement更改时使用values,并将新值注入克隆元素。这就是为什么我在这支笔中创建了2000个元素,这将是一个主要的性能限制,因为当状态发生变化时,每个元素都会被重新命名。我试图使用React.memo只使用更改后的值重行器来生成输入,但我认为cloneElement只是简单地改变了输入,这听起来应该是因为它是克隆的。
浏览 1
提问于2019-09-12
得票数 2
回答已采纳
2
回答
防止useState重新渲染动画
javascript
、
reactjs
、
framer-motion
我已经设置了一个实时firebase,检测用户加入我的网站。当它们连接时,我将它们添加到我的useState变量中,然后在地图上显示它们。我使用框架运动来创建一个简单的动画。 问题是,当一个用户被添加、删除或修改时,该用户将被动画,所有其他用户也将再次被动画。我尝试过使用React.memo,但没有成功。也许我只是用错了,或者我还想不出另一个解决方案。 const [onlineUsers, setOnlineUsers] = useState([]); {onlineUsers?.map((user) => ( <motion.g initial={{ sc
浏览 40
提问于2021-08-03
得票数 0
4
回答
React.js如何重新呈现组件?
reactjs
我是新来的。我在看他们的医生了解反应是如何运作的。因此,有人提到,当state/props/setState()更改/调用时,重新响应整个组件。 此外,我还看到react元素是不可变的,只有在发生更改时才会呈现它们。因此,当react试图呈现组件时,它实际上遍历所有元素,检查差异,并且只呈现数据被更改的元素。它不会简单地重新呈现整个组件。 我说得对吗?还是我的理解错了?
浏览 8
提问于2020-10-23
得票数 3
回答已采纳
4
回答
因为功能而重新渲染的孩子?
reactjs
、
typescript
、
draftjs
我在导航这些概念时遇到了困难,因为我从父函数中传递了一个函数,因此一个子函数一直在重新呈现。此父函数引用编辑器的值draftjs。 function Parent() { const [doSomethingValue, setDoSomethingValue] = React.useState(""); const [editorState, setEditorState] = React.useState( EditorState.createEmpty() ); const editorRef = useRef<HT
浏览 0
提问于2020-05-01
得票数 1
回答已采纳
1
回答
React form + localstorage不会更新值
reactjs
、
local-storage
、
react-hook-form
目前,我正在处理一个使用react钩子表单的表单,我希望将用户的输入保存在本地存储中。此时,每当我更改从本地存储加载的输入值时,输入都不会改变。 当我从onchange方法console.log事件时,我没有得到日志,所以它没有触发onchange,这就是我的问题所在。我希望当用户想要更改表单中的任何内容时,它应该再次更新。 我已经在谷歌上搜索过了,但我找不到任何相关的问题,所以也没有解决方案。由于我是react的初学者,我没有自己解决它的线索。 onchange函数在一个功能组件中,与输入组件相同,只是功能组件。 这是包含输入事件的onchange函数。 const onChange =
浏览 19
提问于2020-06-09
得票数 0
1
回答
反应this.state误解
javascript
、
reactjs
在正式示例中,Timer组件使用this.interval var Timer = React.createClass({ getInitialState: function() { return {secondsElapsed: 0}; }, interval: null, tick: function() { this.setState({secondsElapsed: this.state.secondsElapsed + 1}); }, componentDidMount: function() { this.interval = s
浏览 4
提问于2014-09-16
得票数 1
回答已采纳
3
回答
即使道具没有改变,为什么react也要重新渲染组件呢?
javascript
、
reactjs
我已经使用react了一段时间,并阅读了文档,我发现了一些对我来说很奇怪的东西,为什么react重新渲染组件的子元素在父组件的每个状态更改上,即使子道具是相同的??为什么我要把我的组件包装在Memo()中以防止这种重现呢?将Memo设置为每个react组件的默认设置,或者我是否应该对所有组件都使用它,并不是更好。
浏览 4
提问于2021-04-22
得票数 2
3
回答
对呈现两次的同一个组件只调用一次构造函数
reactjs
我希望这个切换能正常工作,但不知怎么的,组件<A/>的构造函数只调用一次。 import React, { Component } from "react"; import ReactDOM from "react-dom"; class App extends Component { state = { toggle: false }; render() { const { toggle } = this.state; return ( <div> {toggle ? <A p
浏览 0
提问于2018-09-19
得票数 4
回答已采纳
1
回答
无法更改React Native中的全局变量,它们是只读的吗?
react-native
、
global-variables
在React Native中更改“全局”变量时,我遇到了最困难和最沮丧的时刻。我是这个语言的新手,然而,这应该比它明显要简单得多。似乎‘全局’变量是‘只读’的,并且不能是changed...but,我觉得这是不可能的。是否与React导航的使用有关?下面是一些代码。首先,我创建一个.js文件来保存我的“全局”变量对象: //'globals.js' module.exports = { STATUS: 'false', }; 现在我的主要代码是'app.js': //'app.js' import React, { use
浏览 39
提问于2020-06-24
得票数 0
回答已采纳
2
回答
如何避免在react功能组件中对“静态组件”进行不必要的重新渲染?
javascript
、
reactjs
、
typescript
、
react-hooks
、
next.js
我有一个react功能组件,它显示标签和帖子列表+一些静态文本/装饰。我使用useState钩子将当前选择的标记存储在一个状态中。文章是通过使用带有tag变量的阿波罗的useQuery钩子来获取的。用户应该能够选择一个标记,它将替换当前的tag状态-因此useQuery(POSTS_QUERY)将使用新的tag变量重新运行。 const onTagSelectChange = (window: Window, router: NextRouter, name: string, checked: boolean, tagSetter: React.Dispa
浏览 0
提问于2020-01-18
得票数 3
2
回答
如何通过react-redux连接和设置propsAreEqual来使用React.memo?
reactjs
、
redux
、
react-redux
、
memo
我正在使用react-redux,并且我有一个组件连接到它。我的组件有自己的属性(变量和函数),也有一些来自store的状态映射,使用mapStateToProps。 管理这个组件何时应该重新呈现对我们来说非常重要,为此,我们使用propsAreEqual作为React.memo的第二个参数。 ... const mapStateToProps = (state: RootState) => ({ name: state.user.name, }); const dispatchProps = { editProfile: userActions.editProfile,
浏览 22
提问于2020-09-14
得票数 1
回答已采纳
2
回答
在组件类之外响应更新组件支持
reactjs
我在创建React应用程序方面有一些问题。以下是问题所在: import React from 'react'; const VIEW_MAIN = 0; const VIEW_SUB = 1; const VIEWS = {}; VIEWS[VIEW_MAIN] = (<ViewMain someProps={...} />); VIEWS[VIEW_SUB] = (<ViewSub someProps={...} />); const AppContent = React.createClass({ render() {
浏览 1
提问于2016-04-27
得票数 1
回答已采纳
1
回答
为什么要反应显示组件更新,而不是控制台?
javascript
、
reactjs
、
redux
、
react-redux
我创建了一个简单的redux应用程序。在工具中,我检查“高亮更新”。然后单击任意按钮,显示所有组件都已更新,但"AddButton“中的控制台消息没有显示任何内容。错误控制台,反动开发工具还是我? // index.js import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; import { Provider } from "react-redux"; import { createStore } fro
浏览 1
提问于2019-02-22
得票数 1
回答已采纳
3
回答
理解useEffect()行为和额外的重呈现
javascript
、
reactjs
、
react-hooks
我对以下虚拟组件进行了一些测试,在执行过程中(在控制台中),我得到了以下结果: Rendering: 0 Triggered: 0 Rendering: 4 Triggered: 4 Rendering: 4 我很难理解为什么。 首次渲染: 将index设置为0。 运行useEffect,因为undefined不是0 useEffect请求将index设置为4 第二次渲染: index是4 为什么useEffect身体会再次被执行? 第三次渲染: 为什么要重新渲染? 我期望的是: Rendering: 0 Triggered: 0
浏览 1
提问于2022-01-19
得票数 2
回答已采纳
1
回答
你知道为什么每次我输入输入时useEffect都会执行吗?
javascript
、
reactjs
、
react-hooks
、
use-effect
为什么每次我在输入时输入一个字母,useEffect都会执行? 我不认为输入会影响“useEffect”... import React, { useEffect, useState } from 'react'; const DBLab = () => { const [inputValue, setInputValue] = useState(""); const printfunc = () => { console.log("print"); } useEffect(()=
浏览 32
提问于2021-08-05
得票数 0
回答已采纳
2
回答
React受控组件
reactjs
、
react-hooks
、
controlled-component
import React, { useState } from "react"; function App() { const [name, setName] = useState(""); const [headingText, setHeadingText] = useState(""); function handleChange(event) { // console.log(event.target.value); setName(event.target.value); } function
浏览 15
提问于2021-05-22
得票数 0
1
回答
每次父渲染时,React子渲染都会重新渲染
reactjs
、
react-hooks
正如我在下面展示的,react子渲染每次它的父渲染时都会渲染。这是为什么,这是一个问题吗?另外,我怎样才能避免它,以致于只有当它的优点改变时,子对象才会重新渲染。 import React, {useEffect, useState} from 'react'; function App() { return ( <div> <Main></Main> </div> ); } export default App; function Main() { const [count
浏览 38
提问于2020-04-29
得票数 1
1
回答
如何避免反应中的多个重选器
javascript
、
reactjs
我有一个定制的Slider输入组件和块,它的值是基于Slider输入的值。滑块输入在组件中的每个值的变化上都有onChange calback触发器。我希望在div中更改值,同时移动滑块,而不需要删除或节流,但是每个setValue都会触发组件的重发。这就是为什么滑块运动不平稳,组件速度减慢的原因。我该如何解决这个问题? 简化代码 export const Component = () => { const [value, setValue] = useState(0) const handleChange = value => setValue(value) co
浏览 2
提问于2020-03-27
得票数 1
1
回答
为什么从我的React应用程序中的函数获得多个控制台日志输出?
javascript
、
reactjs
、
react-hooks
、
promise
、
console.log
我在我的function应用程序中创建了这个函数来获取一个url并检查状态。 import { useEffect, useState } from 'react'; const fetchStatusCode = (url: string) => { const [data, setData] = useState<string | null>(null); useEffect(() => { const fetchStatus = async () => { const response = await fetc
浏览 5
提问于2022-11-02
得票数 -2
2
回答
尝试理解React.js中的数据传递
javascript
、
reactjs
在下面的React.js示例中,我想了解从父组件传递给子组件属性的是什么(我正在学习抽搐-toe教程): class Square extends React.Component { render() { return ( <button className="square" onClick={() => this.props.onClick()}> {this.props.value} </button> ); } } 然后有一个板组件这样做来呈现每个正方形: renderSquare(i)
浏览 6
提问于2016-11-18
得票数 1
回答已采纳
1
回答
如何重新修改某些组件,但不是全部?
react-native
、
redux
、
react-redux
、
state-management
我有一个来自redux的对象,其中有一个在redux本地类组件中呈现的照片。 每次我更新不同对象的相关类组件的状态时,来自redux的对象的图像都是重新加载的。 我怎么能避免呢? 我认为使用redux可以避免在状态更新时重新呈现对象。
浏览 1
提问于2017-09-28
得票数 3
回答已采纳
2
回答
最具表现力的声明组件的方法
javascript
、
reactjs
我不了解React框架是如何在引擎盖下工作的,可能需要一些澄清。特别是React如何优化DOM的更新过程(通过确定DOM的哪一部分实际上在呈现之间发生了更改)。 例如,实现A和B的区别是什么? 实现A: // ParentComponent.js function ParentComponent(props) { const [clicks, setClicks] = useState(0); const ChildComponent = (props) => { return ( <div>
浏览 9
提问于2022-09-12
得票数 1
回答已采纳
3
回答
使用React更新组件(包括画布)
javascript
、
reactjs
、
html5-canvas
因此,我试图修改包含画布元素的组件的状态。画布本身不应该更新,因为受影响的状态不会影响画布的呈现? import React from 'react'; export default class App extends React.Component { constructor(props) { super(props); this.state = { isPlaying: false } } handleClick() { this.setState({isP
浏览 6
提问于2017-12-10
得票数 4
回答已采纳
1
回答
单击后将数据目标属性添加到按钮元素
javascript
、
html
、
reactjs
、
react-redux
我是react js的新手。在这里,我确实有一个类似于->的模态 ErrorComponent.js import React from 'react'; export default class ErrorComponent extends React.Component { constructor(props) { super(props); } render() { return ( <div class="modal fade" id="exam
浏览 0
提问于2018-10-01
得票数 1
2
回答
onCallback React -最佳实践查询
reactjs
、
react-hooks
这是一个最好的实践问题,而不是任何事情。但是,我想知道React组件中的任何内联函数是否应该与onCallback一起包装以提高性能?在什么情况下,我不会用onCallback包装这样的函数? 例如: const ToolSearch = (props: ToolsSearchProps) => { const handleOnClick = () => { alert('do something'); } return ( <NoCardOverflow> <ToolSearchCollapse o
浏览 3
提问于2022-04-25
得票数 0
回答已采纳
3
回答
如何在状态更改时停止上下文使用者中列表项的重新呈现
reactjs
我有一个react项目,我使用上下文api来管理应用程序的状态。 我有一个具有onClick事件的项列表,该事件在上下文中更新状态。 问题是,当状态更改时,所有项都会重新呈现,这会导致延迟。 我的问题是,如果没有点击,如何阻止其他项目重新呈现。 item.jsx import React, { useContext } from "react"; import { MainContext } from "../../_context/PresentContext"; const Item = ({item}) => ( <MainContext
浏览 0
提问于2019-08-16
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React Hooks-缓存记忆
React 深入系列3:Props和State
你真的了解React吗?这里有50个React面试问题
React的结构及示例介绍
React组件开发中常见的陷阱
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券