状态更改未反映在react中的子组件上
状态更改未反映在React中的子组件上是一个常见的React开发问题，通常发生在父组件更新状态后，子组件没有重新渲染来反映最新状态的情况下。
造成这个问题的原因可能是以下几种：
- 未正确使用状态和属性：React中的状态应该通过
setState方法进行更新，而不是直接修改状态的值。此外，确保正确地传递属性给子组件，以便子组件能够正确地接收和使用这些属性。 - 子组件使用了旧的属性或状态：React使用虚拟DOM来优化性能，当父组件更新状态时，React会通过比较新旧虚拟DOM来确定需要更新的组件。如果子组件没有使用最新的属性或状态，它将不会被更新。可以通过在子组件的
componentDidUpdate生命周期方法中检查属性或状态的变化来解决这个问题，并在发现变化时执行相应的操作。 - 子组件被优化为PureComponent或使用了shouldComponentUpdate：如果子组件被优化为
PureComponent或实现了shouldComponentUpdate方法，并且这些方法返回了false，则子组件将不会被更新。这是因为React假设这些组件的输出是纯粹依赖于属性和状态，不受其他因素影响。如果子组件依赖于其他因素进行更新，应该避免使用PureComponent并确保shouldComponentUpdate方法正确地返回true。
为了解决状态更改未反映在React中的子组件上的问题，可以尝试以下几个步骤：
- 确保正确使用
setState方法更新状态，而不是直接修改状态的值。 - 检查子组件是否正确接收和使用了属性。确保父组件向子组件传递了最新的属性。
- 在子组件的
componentDidUpdate生命周期方法中检查属性或状态的变化，并在发现变化时执行相应的操作。 - 如果子组件被优化为
PureComponent或实现了shouldComponentUpdate方法，确保这些方法正确地返回true。
以下是一些相关概念和推荐的腾讯云产品：
React：React是一个用于构建用户界面的JavaScript库。它通过组件化开发模式提高了代码的可复用性和可维护性。
React组件生命周期：React组件生命周期包括了一系列的方法，它们在组件不同的阶段被调用，例如初始化、更新和销毁等。详细了解React组件生命周期请参考React官方文档
腾讯云产品推荐：
- 云服务器（CVM）：腾讯云提供的弹性计算服务，可满足各种业务场景的需求。详情请参考腾讯云云服务器
- 云数据库MySQL版（CDB）：腾讯云提供的关系型数据库服务，具备高性能、高可用、可扩展的特点。详情请参考腾讯云云数据库MySQL版
- 腾讯云物联网（IoT）：腾讯云提供的物联网平台，为用户提供了快速、安全、稳定的物联网连接服务。详情请参考腾讯云物联网
请注意，以上仅是示例推荐的腾讯云产品，实际应用场景和选择应根据具体需求进行评估和选择。
相关·内容
基本上，我有一个非常简单的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
在下面的React App代码中，我设置了一个useState属性，该属性绑定到一个名为Header的函数组件。演示代码中没有显示的是，我从位于HomePage组件中的另一个子组件调用triggerTestProp函数。 但是，每当我设置此属性时，不仅横幅会重新呈现，而且包含标题的整个页面也会重新呈现。我使用React Router进行导航，如演示代码中所示。你知道为什么整个页面都会被重新渲染，而不是像预期的那样只呈现标题吗？ function App() {
const [testProp, setTestProp] = useState(
"defaultVal
浏览 44提问于2020-06-21得票数 0
回答已采纳
2回答
我希望将共享功能从我的react组件移到下面这样的高阶组件上：
function withListFunctions(WrappedComponent) {
return class extends React.Component {
constructor(props) {
super(props);
}
// my shared functionality
deleteItem() {
// Do something, then ...
this.
浏览 0提问于2018-11-25得票数 5
回答已采纳
我想从父级react组件中的导入组件调用一个函数。
我的父组件：
import Customer from './Customer';
function App() {
return (
<div className="App">
<Container maxWidth="sm">
<Grid container spacing={2}>
<Grid item xs={6}>
<Button onCli
浏览 1提问于2019-12-11得票数 1
1回答
前缀：
我使用的是react本机，我想知道将道具从父母传递给子组件的最佳实践。我只在我的android设备上测试过这个。
问题：
根据我的理解，可以通过使用道具将值传递给组件，即：
<myComponent myProp="some data" />
它可以在我的myComponent中使用this.props.myProp引用。在构造函数中创建我的state对象是一种糟糕的做法(甚至会起作用)，如下所示：
constructor(props){
super(props);
this.state = {
myStateProp: this.props
浏览 1提问于2018-04-02得票数 1
回答已采纳
1回答
我们正在使用react、react-redux和react-router。在我的一个组件中，我使用来自react-router的<Route>组件来呈现我的一个表单组件。在提交表单并创建事件时，我希望我的父组件(其中包含<Route>组件的组件)重新呈现，以便我的事件列表将包含添加的事件。
render() {
return (
<div>
<PublicEvents events={state.public}/>
<PrivateEvents events={stat
浏览 0提问于2018-03-02得票数 0
import React, { Component } from "react";
import CustomerOverviewPage from "../components/customers/customerOverviewPage";
class CustomerView extends Component {
state = {
customer: null,
id: null
};
fetchDetails = () => {
const { id } = this.props.match.params
浏览 0提问于2018-10-02得票数 0
回答已采纳
父类有几个子组件，所有子类都在呈现方法中实例化，因此，对父状态的任何更改都会导致所有子实例重新实例化，每次调用react创建子实例的新实例，在那里通过子实例的松散状态，以便重用我尝试使用parent.refs.childRef检索子实例的子实例，但这给我带来了错误。
未明错误:对象作为一个React子对象无效。
，这是我的密码
placeHolderComponent(){
let component;
let palceHolderValue=this.state.uiState.placeHolder;
let classInstan
浏览 4提问于2016-12-02得票数 2
在下面的示例中，子组件上的display状态的值从不更新，即使show参数在true和false之间切换也是如此。
我希望它接收到值并进行相应的更新。有人能详细解释一下为什么这不起作用吗？
(我知道我可以在其中使用useEffect回调和setDisplay(显示)，但我想知道为什么像这样更简单的方法不起作用)
function Child({ show }) {
const [display] = React.useState(show);
console.log({ show, display });
return display ? "Message!" :
浏览 0提问于2020-07-25得票数 0
我可能遇到了一个看似基本的问题，但我只是找不到解决这个问题的办法。我将handleSubmit函数(它是异步的)传递给子窗体组件，但它不返回任何值。在子组件中调用它之后，我想清除输入以及关闭模式。在我的示例中，在handleSubmit完成执行之前，输入值被清除并关闭。在这个项目中，我使用的是。如果有人能帮忙我会很感激的。提前感谢
父组件
const createVariation = (variationType: string, variationValues: string[]): void => {
setLoading(true);
setTimeout(() =>
浏览 3提问于2021-10-08得票数 0
<App>
<Header/>
<Content/>
</App>
如果我在react应用程序中有上面的结构，我如何通过window.innerHeight - <Header/> height来计算<Content/>组件的高度？理想的解决方案是什么？我是否必须在组件上设置状态，并将更新函数作为道具传递给组件？另外，有没有一种方法可以在DOM/VirtualDOM树中获取任何组件？我知道我们可以使用ReactDOM.findDOMNode，但我们需要传递refs或组件本身。有没有其他像document.getEl
浏览 0提问于2017-05-16得票数 1
1回答
我是react的新手，目前我正在使用react native。我正在尝试创建一个与我的状态管理库解耦的组件，无论是redux还是flux，目的是最终可以公开共享它。我的问题源于这样一个事实:我目前正在使用redux，但是组件本身使用this.state和this.setState来维护它的内部状态，这似乎是一种反模式，呈现似乎不起作用。所以我的问题是，我如何创建一个独立的组件，而不依赖于redux，flux等。但是能够保持内部状态吗？第三方组件通常是怎么做的？
浏览 0提问于2016-10-07得票数 1
1回答
支柱不动态更新
、、、、
当单击单选按钮(以Test.js编码的一组按钮)时，将执行一个称为handleclick的函数。在这个过程中，我更新了数组，但是我没有将它重新发送到graph_test.js。因此，graph_test.js接收正在填充0的初始数组，但它从未收到更新的版本。
我想要的是一个0和1的数组，每个索引代表一个区域。单击按钮时，0/1将变成相反的值。
我需要像在graph_test.s中那样动态地更新，我将根据数组中的索引在它旁边有1的图形上的代码行。Test.js -在我填充、创建、更新数组的地方
// When radio buttons checked, change corresponding
浏览 1提问于2020-04-11得票数 0
回答已采纳
上下文
我正试着用google-map-react展示当地的面包店。
但是，我的子组件console.log(props);中的行StoresGoogleMap将storeLocations和stores打印为[]。如果我在我的StoresGoogleMap组件中使用下面的内容，则它正在工作：
{props.storeLocations.map((storeLocation) => (
<Marker
key={storeLocation.unique_store_name}
lat={st
浏览 10提问于2022-02-22得票数 0
回答已采纳
上下文
作为对React/Flux相当陌生的一种情况，有时我发现我的React组件通过其属性从父组件接收值(例如，文本框中显示的float参数)。这在父组件的呈现调用中发生，父组件从存储中获取值，并通过其子组件的属性将其传递给子组件。
然后，当用户更改GUI中的值(在带有文本框的子组件中)时，这将导致向dispatcher发送一个Flux操作，并将更改后的值作为有效负载。然后，dispatcher通过注册的回调调用存储，后者使用新值更新其数据。然后，存储区发出更改事件，并通知子组件存储已更改。子组件从存储中获取新值，并需要通过调用setState触发重呈现，其中新状态包含新值。为了使其工作，我
浏览 0提问于2016-02-17得票数 0
2回答
更新动态创建的组件
、、、
情况
我有一个父组件，它呈现一些子组件。子组件应显示从父组件传递的信息。
上下文
玩多人游戏的战舰游戏：
父组件包含多达10x30个按钮(子组件)的10x10字段。如果按下按钮，就会发出带有按钮位置的信号到api。api决定按下的按钮是否需要改变它的颜色。
问题
通过更新父组件的状态，如果子组件是动态创建的，子组件道具将不会被更新。
解决尝试
不要动态地呈现Childs：
在我的情况下不可能
使用剩馀
我认为子组件是转储/表示组件，因为它只显示信息。在我的例子中也有100到300个子组件。
参考文献
有100到300个子组件.
问题
我该怎么办？有没有一种不是反模式的解决方案？
当前代码
浏览 0提问于2018-04-16得票数 1
回答已采纳
1回答
我对道具如何与由钩子创建的状态交互有一个问题。
在下面的示例中，钩子中保持的状态总是在道具中定义的状态后面。
我想我理解为什么会发生这种事。生命周期似乎是这样的：
组件呈现
handleClick是通过访问基于此呈现的范围来定义的。
按钮被单击并调用handleClick。
handleClick仍然只能访问呈现中定义的作用域，因此，items仍然是空的。
调用add；更新父组件中的状态，但setHookItems将使用定义handleClick时在道具中定义的状态。
hookItems被设置为items，它是空的
这是用于第一次呈现，但我认为这个原则适用于所有
浏览 0提问于2019-11-07得票数 0
回答已采纳
如何在React.createClass()中处理自定义javascript属性？
下面是一个例子：
var RouterView = React.createClass({
mixins: [Morearty.Mixin],
isAuthorized: false, // should it be part of state ??
isVerified: false, // should it be part of state ??
bindToAuthorization: function() {
if(/* blah-blah-blah *
浏览 2提问于2015-12-17得票数 0
回答已采纳
我是Vue的新手，来自一个反应强烈的郊区。我正在从后者重新构建我的SideNav (“抽屉”)组件。在那里，当单击按钮(与导航本身无关)时，它会将绑定到适当位置的setStateed this.state.toggle
class thePage extends React.Component {
...
this.handleToggleClick = this.handleToggleClick.bind(this);
this.state ={
toggleState: false
};
}
// Slide out buttons event
浏览 0提问于2018-03-15得票数 2
回答已采纳
在几乎所有关于数据和反应的对话中，道具和状态是两个最常见的概念。但是，我已经注意到，从技术上讲，在React组件中设置数据还有第三种方法。更具体地说，可以通过将值设置为this来设置值。
例如，下面的代码设置了三个值。一个值在State上，一个在缺省道具中，另一个在this上。我可以把他们三个都打印出来。
import React, { Component } from "react";
class App extends Component {
constructor(props) {
super(props);
this.state = {
浏览 0提问于2019-01-31得票数 2
回答已采纳
我有一个功能组件，并希望更新该组件中的某些状态(基于某个上下文API对象值，即通过useContext获得的)。
现在，我看到了两个选择；
使用局部变量
使用setState
我只是想了解这两种方式的区别。另外，在使用setState时，我遇到以下问题:太多的重新呈现。React限制呈现的数量，以防止无限循环。
简单地说，这个功能组件是App组件的直接子组件，上下文对象是在另一个组件中更新的，它也是App组件的直接子组件。
const MyComponent = () => {
let myTitle = "ABC"; //Option 1 to
浏览 2提问于2021-09-16得票数 3
1回答
我有一个主组件，它有两个子组件，一个flat list和一个button group组件(来自react本机元素)。
当用户点击其中一个flat list选项时，我想更新button group数据，但是，我真的想不出这一点，我试着使用回调，但我无法真正理解它们是如何工作的，而且它对我也不起作用。这是我的主要组成部分：
return (
<SafeAreaView style={styles.homeContainer}>
<View style={{flex: 1}}>
<View style={styles.headerContaine
浏览 0提问于2020-09-15得票数 0
回答已采纳
我正在开发一个功能，客户在购买包裹时可以得到折扣。
左边的项目是固定的，不会改变。它附带了右侧的项目，客户可以在这里选择一个滑雪板：
我所需要的是，当客户端选择一个大小，但然后滑动到下一个滑雪板，大小将从上一个滑雪板将设置为默认的‘选择大小选项’。
下面是父组件的代码：
import React, { useState, useEffect } from 'react';
// Material UI
import { makeStyles } from '@material-ui/core/';
// React Responsive Ca
浏览 1提问于2021-06-11得票数 0
回答已采纳
我的React应用程序目前在结构上相当简单，尽管组件中的逻辑越来越强烈。这个结构基本上是Index，它有一个Header组件，如果用户登录，它将加载Home组件，其中包含组件X、Y和Z，对应于左侧的侧边栏、主区域和右侧侧边栏。
当我正在处理右侧栏时，我有一些console.log()语句可以帮助解决问题。现在我注意到，根据我看到日志记录的频率，右边的Z组件在给定的新页面加载时呈现7次。该组件的代码大致如下：
使用React.useState([default value])Checks (authedUser)A Redux存储库为组件声明各种状态，以获取我的应用程序(authedUser)A
浏览 6提问于2022-08-11得票数 0
我想我正在跟上React的步伐，但有一件事我不确定，那就是如何做到最好。
我有一个页面，上面有三个小部件。由于我希望在所有小部件上具有相同的行为和样式，因此我将每个组件包装在一个<PageAreaTemplate/>标记中，该标记负责样式和布局。采用这种方法的一个原因是，我还在不需要PageAreaTemplate或其他模板的地方使用了内部组件。
在PageAreaTemplate中，简单地将this.props.children包装在样式化所需的组件中。
现在，我需要让几个小部件向PageAreaTemplate中的标题添加一个工具栏(每个工具条各不相同)(如果它由模板包装的话)
浏览 0提问于2016-10-25得票数 0
2回答
import React, { useState, useEffect } from 'react';
const Test = () => {
const [ count, setCount ] = useState(0);
return (
<div>
<button onClick={() => setCount(count + 1)}>Count up!</button>
<ChildComponent />
浏览 11提问于2019-12-19得票数 0
为了更新子组件中的props对象，通常使用生命周期方法ComponentWillReceiveProps。但我意识到，可以在不侦听ComponentWillReceiveProps的情况下更新子组件的props。
例如，在以下名为App的组件中，子组件Comp能够在不侦听生命周期方法ComponentWillReceiveProps的情况下接收props。
主要的App组件：
import React from 'react';
import ReactDOM from 'react-dom';
import {Comp} from "./comp
浏览 6提问于2019-07-09得票数 2
我是React和Redux的初学者。我将react 16.9与redux 4.0.4和react-redux 7.1.1一起使用。 我注意到我可以直接访问底层的Redux数据模型(存储中的对象)，而无需分派操作。 考虑以下组件： import React from 'react';
import { useSelector } from 'react-redux';
function MyComponent(props) {
const obj = useSelector(state => state.objReducer);
obj.
浏览 8提问于2019-09-23得票数 2
2回答
我不明白为什么输入字段不刷新。
主要思想是
有一个包含一些名称的列表，当用户单击它时，下面的卡片组件
使用名称和输入字段(值设置为名称)呈现。
下面的解释了代码的作用.
状态包含所有名称，单击“添加”按钮，会将更多的名称添加到列表(即状态)中。
还有另一种状态可以跟踪当前的人。
每个名称都呈现为一个按钮(DOM_persons)。在单击person时，currentPerson状态会发生变化。
import React , {useState} from 'react';
import './App.css';
import Card from './C
浏览 1提问于2019-12-01得票数 1
我正在尝试使用props从一个表单组件获取值到主App组件，在那里我的状态是。使用我从props中获得的值，我想要更新main状态。这是我的代码：
App类扩展组件{ state ={ dataset：""，cc：""，cw: 0，ch: 0，bw: 0，bh: 0，x间距: 0，y间距: 0，barcolor：""，}；
// Function to use the data got from form component and setState
dataForm = (
dataset,
canvascolor,
浏览 0提问于2020-07-13得票数 0
1回答
我正在写一份待办事项清单。当用户单击复选框时，它会出现在另一个容器中，但当发生这种情况时，我希望该复选框消失。
import React from 'react';
class Todo extends React.Component {
state = {
checked: false,
};
handleCheck = () => {
this.setState({
checked: !this.state.checked,
});
};
handleClick = () => {
this.
浏览 0提问于2019-09-25得票数 0
1回答
在阅读了关于不变性的文章之后，我试图了解react是如何工作的。我试图理解以下三个组成部分的帮助，但这是没有意义的。
const bla = {a: 1};
class Test extends React.Component {
constructor(props) {
super(props);
this.state = {
a: 1,
};
this.onClick = () => this.setState(prevState => ({
a: prevState.a + 1
}));
}
re
浏览 0提问于2019-09-05得票数 0
回答已采纳
我读过这篇文章。
它说道具不同于状态，理想情况下道具不应该改变它的组件，而应该只由它的父组件来改变。
然而，Redux中的mapStateToProps函数将Redux中的状态映射为React组件的支持，这基本上是当Redux状态被Redux操作改变时，Redux组件的道具发生变化。
这对我来说毫无意义。它似乎应该是mapStateToStates，并将Redux状态映射到React组件的状态。
我是不是遗漏了什么？
浏览 6提问于2017-01-03得票数 11
回答已采纳
我正在尝试用react原生构建一个计算器应用程序。
我在一个独立于父组件的js文件中的一个子组件中有一个touchableopacity按钮。当我按下该按钮时，我希望更新父组件中的状态以显示新值。
在我的子组件中，我有以下内容：
export default function CalculatorButton(props) {
return (
<View style={styles.container}>
<TouchableOpacity style={[styles.buttonContainer, { backgroundColor: pro
浏览 0提问于2021-06-28得票数 0
我正在尝试运行另一个组件的组件方法。我正在尝试使用react ref。我也关注这个链接：，但我的结构有点复杂。
List.js
class List extends Component {
constructor(){
super()
this.LoadCounterElement = React.createRef()
}
render(){
return(
<View>
<ItemGenerator />
浏览 2提问于2019-05-16得票数 4
2回答
通过，我了解了React自动维护子组件的状态，这就是为什么
不应该在州里去什么？
React ：基于底层支持和状态在render()中构建它们。
现在，我的问题是如何对我们正在隐藏的组件做同样的操作？
考虑一个子组件，它在迭代中不会被显示，同时我们希望保留它的状态，以便将来它将被带回！
为了说明我的确切意思，我设计了一个案例场景来向您展示。在下面的代码中，您可以添加有状态子组件。为每个组件提供了一个复选框，这样您就可以标记它们。最后，第三个按钮将隐藏未被标记的子组件。我正在寻找一种方法来恢复未标记的组件的状态，一旦它们被带回来。
class BlackBox extends Reac
浏览 6提问于2016-05-24得票数 3
回答已采纳
我目前正在尝试实现某种模式(我知道这里有很多库)。由于一堆动画内容，真正的代码要复杂得多，但归根结底是这样的(参见)：
const Modal: React.FunctionComponent<{ visible?: boolean }> = ({
visible,
}) => {
const [isVisible, setIsVisible] = React.useState(visible);
React.useEffect(() => setIsVisible(visible), [visible]);
if (!isVisible) {
浏览 4提问于2022-08-08得票数 0
React中的父组件将道具传递给它的AnchorPopover子组件，如下所示：
<AnchorPopover
bannerHyperlinks={this.state.bannerHyperlinks}
hyperlinkTitle ={this.props.hyperLink1Text}
hyperlinkHref ={this.props.hyperlink1}
hyperlinkStyle ={hyperlink1Style}
onDetailsChange ={this.props.onHyperLink1DetailsChang
浏览 1提问于2015-03-10得票数 1
2回答
我在Codeacademy上了React.JS课程。这个问题来自React.JS第二部分。我正在学习编程模式，但我不能理解这个模式是如何工作的
代码：
Parent.js
var React = require('react');
var ReactDOM = require('react-dom');
var Child = require('./Child');
var Parent = React.createClass({
getInitialState: function () {
return { name: '
浏览 7提问于2017-06-14得票数 1
我正在创建一个React + Redux原型应用程序，我面临的情况是，我想在提供者组件之外操作DOM。
我的React + Redux应用程序中有一个根组件：
class App extends Component {
render() {
return (
<div>
<Provider store={store}>
<Main />
</Provider>
<DebugPanel top right bottom>
浏览 1提问于2015-10-28得票数 1
我正在尝试创建一个自定义的react，它将呈现它的子元素，然后在所有的子元素都已经完成更新之后，但是在DOM被更新之前，将决定引发(或不引发)一个错误，这取决于孩子们要更新的一些标志。
<Try alternative=... >
... do some stuff // if anybody in here sets a flag we will
// render alternative instead
</Try>
为什么？允许所有尝试的子级完成呈现，然后如果有等待异步回调的，则会非常有用，以呈现替代方案。有点像一个错误
浏览 0提问于2018-02-28得票数 0
2回答
反应-通过状态下降
、、、
我正在建立一个简历创建者的反应。我有一个表单，一个预览组件，它们最接近的父组件是主组件。我想要实现的是，当用户在表单字段中输入时，右边的预览字段会自动更新表单中的数据，但我无法让它正常工作。这是我在React中的第一个项目，我不能使用钩子或功能组件。我知道我做错了什么，但找不到什么。
主要部件
import React, { Component } from "react";
import Form from "./form/Form";
import Preview from "./formpreview/Preview";
class Ma
浏览 3提问于2021-05-26得票数 1
回答已采纳
背景
我编写了一个精确的、简短的、完整的父组件示例，其中包含一个嵌套的子组件，只需尝试：
更改处于父状态的字符串
请参阅父级状态值更改后更新的子组件(this.state.name)
当应用程序加载一个从父状态传递到子道具的时，看起来就像。
更改名称
我要做的就是在用户在父<input>中添加一个新名称并单击父<button>之后允许更改名称
但是，如您所见，当用户单击该按钮时，只会再次呈现父级。
问题
有可能让孩子呈现出新的价值吗？
在这个例子中，我做错了什么--为什么它不更新或呈现新的值？
全源代码
这里是所有的源
浏览 8提问于2022-11-14得票数 0
3回答
我刚开始反应，我无法访问Login组件中的Member组件状态：
App.js:
export default React.createClass({
getInitialState: function() {
return {
testp : ''
}
},
componentDidMount() {
var abc = "asdadaddasad";
this.setState({testp : abc})
},
render() {
&l
浏览 2提问于2017-06-23得票数 3
回答已采纳
2回答
因此，我有一个function组件，它接受函数构造函数( Car)的实例。
该组件的任务是显示有关Car的信息，并根据Car的公共接口(方法和属性)对其进行操作。
在下面的示例中，子组件应该在单击按钮时添加意外。
问:子实例操作Car实例属性的正确方法是什么？根父级的状态存储对Car实例的引用，子节点能够操作Car的属性(如.accidents)，但请参阅各种onChange示例，以说明为什么我很难找到正确的反应方式。
我想避免像Flux这样的重手解决方案来存储这种状态。
如有任何建议，将不胜感激！
function Car(name, color) {
this.name = name;
浏览 2提问于2018-01-12得票数 0
可能是一个简单的问题，有一个简单的答案，但我搞不懂。归咎于热度。我的模拟器打印‘这是一个测试’在屏幕上，当我希望它说‘改变’。我做错了什么？
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Template from './src/components/Template';
export default class App extends React.Component {
constructor(props)
浏览 1提问于2018-07-12得票数 1
回答已采纳
1回答
我有多个问题，但由于它们都有些关联，所以我想在同一个线程中问它。
所以基本上，我很难理解React渲染策略，所以我把它分解成简单的术语，我正在寻求帮助来理解它。
问题1:
是否只有当状态发生变化时才会进行重新呈现？
问题2:
假设我有一个父有状态组件(类某事扩展组件)，同样在文件中，我们导入多个东西，如
import Post from '../../components/Post/Post';
import FullPost from '../../components/FullPost/FullPost';
import NewPost from '
浏览 0提问于2018-06-25得票数 0
回答已采纳
2回答
我正在学习反应，我正在为自己创建一个应用程序来跟踪我的学习。一切都很好。
在我的应用程序中，我有一个基于类的组件，其中我必须将道具传递给状态。但是，我已经了解到，我永远不应该在基于类的组件中传递道具到状态，因为我可能会在某个地方更改状态。但是，我不知道如何使我的代码工作，而不像我正在做的那样将道具传递到状态。我是自学的，所以我没有老师要问，所以StackOverflow是我最好的导师。提前谢谢你的帮助。
这是我的代码，我将它相应地更改为下面的答案，它现在工作正常，但是在我的代码中有什么是我应该更改或避免的吗？
import React from 'react';
import
浏览 3提问于2017-12-13得票数 0
回答已采纳
我创建了三个基本组件。
A呈现两个组件B和C就像标头一样，制表符1、2、3 C是第一页，其中有两种形式，一次显示一页。在显示第一个表格时，我需要在B组件中显示制表符1。在显示第二种形式时，我需要在B组件中显示选项卡3。
我只想把C组件的数据传递给B组件。
我将状态放在C组件上，并试图在B控制器中使用相同的this.state.data或this.props.data来实现没有值。
A.jsx
import React from 'react';
import B from './B.jsx';
import C from './C.jsx'
cl
浏览 2提问于2017-01-16得票数 6
React的新特性-原生的，正在努力更新当前视图。我有一个组件LanguageSelector，这是由应用程序组件加载。现在，当更改语言时，我希望将App组件字符串更新为新选择的语言。 一旦用户登录，语言选择器组件也会加载到header组件中，并且可以随时更改语言。我见过this explanation，但是通过监听每个组件上的语言变化来调用this.forceUpdate()似乎不太好，而且当组件嵌套时，情况会变得更糟。 我正在使用react-native-localization，我所做的一切就是(并且它是有效的)： import LocalizedStrings from 'r
浏览 20提问于2019-09-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
