尝试映射时，对象作为React子级无效
在React中，当尝试映射时，将对象作为React子级是无效的。React要求在映射过程中使用唯一的key来标识每个子级，以便在更新过程中正确地识别和渲染子级。
当我们尝试将对象作为React子级时，React无法确定如何为每个对象生成唯一的key。这是因为对象是引用类型，它们在内存中的位置可能会发生变化，导致React无法正确地跟踪和更新这些子级。
为了解决这个问题，我们可以将对象转换为具有唯一标识的字符串或数字，并将其用作React子级的key。例如，我们可以使用对象的ID属性作为key，或者使用某种哈希函数生成唯一的标识符。
以下是一个示例代码，展示了如何将对象数组映射为React子级并为每个子级分配唯一的key：
const data = [
{ id: 1, name: 'Object 1' },
{ id: 2, name: 'Object 2' },
{ id: 3, name: 'Object 3' }
];
const renderedItems = data.map(obj => (
<div key={obj.id}>
{obj.name}
</div>
));
ReactDOM.render(
<div>{renderedItems}</div>,
document.getElementById('root')
);在上面的代码中，我们使用对象的id属性作为每个子级的唯一key。这样，React就能正确地识别和更新每个子级。
对于React开发中的前端开发、后端开发、软件测试、数据库、服务器运维、云原生、网络通信、网络安全、音视频、多媒体处理、人工智能、物联网、移动开发、存储、区块链、元宇宙等专业知识和各类编程语言，可以参考腾讯云的相关产品和文档，例如：
- 前端开发：腾讯云静态网站托管（https://cloud.tencent.com/product/s3）
- 后端开发：腾讯云云函数（https://cloud.tencent.com/product/scf）
- 软件测试：腾讯云云测（https://cloud.tencent.com/product/mtc）
- 数据库：腾讯云云数据库 MySQL（https://cloud.tencent.com/product/cdb）
- 服务器运维：腾讯云云服务器（https://cloud.tencent.com/product/cvm）
- 云原生：腾讯云容器服务（https://cloud.tencent.com/product/tke）
- 网络通信：腾讯云私有网络（https://cloud.tencent.com/product/vpc）
- 网络安全：腾讯云Web应用防火墙（https://cloud.tencent.com/product/waf）
- 音视频：腾讯云音视频处理（https://cloud.tencent.com/product/mps）
- 多媒体处理：腾讯云媒体处理（https://cloud.tencent.com/product/mps）
- 人工智能：腾讯云人工智能（https://cloud.tencent.com/product/ai）
- 物联网：腾讯云物联网开发平台（https://cloud.tencent.com/product/iotexplorer）
- 移动开发：腾讯云移动应用开发（https://cloud.tencent.com/product/mad）
- 存储：腾讯云对象存储（https://cloud.tencent.com/product/cos）
- 区块链：腾讯云区块链服务（https://cloud.tencent.com/product/tbaas）
- 元宇宙：腾讯云元宇宙（https://cloud.tencent.com/product/mu）
以上是腾讯云提供的一些相关产品和文档，可以帮助您深入了解和应用云计算和IT互联网领域的各种知识和技术。
相关·内容
父类有几个子组件，所有子类都在呈现方法中实例化，因此，对父状态的任何更改都会导致所有子实例重新实例化，每次调用react创建子实例的新实例，在那里通过子实例的松散状态，以便重用我尝试使用parent.refs.childRef检索子实例的子实例，但这给我带来了错误。
未明错误:对象作为一个React子对象无效。
，这是我的密码
placeHolderComponent(){
let component;
let palceHolderValue=this.state.uiState.placeHolder;
let classInstan
浏览 4提问于2016-12-02得票数 2
我正在使用firebase开发一个react应用程序。当我试图从数据库中检索我的消息时，我得到了以下错误 对象作为React子级无效，如果要呈现子级集合，请改用数组。 我的代码 const [channels, setChannels] = useState([]);
useEffect(() => {
db.collection('channels').onSnapshot((snapshot) =>
setChannels(
snapshot.docs.map((doc) => ({
浏览 14提问于2021-02-08得票数 1
请告诉我为什么我会从这个应用程序中得到这个错误：
index.js：
const API='http://my-domain.com/api/?format=json'
class App extends React.Component{
constructor(props){
super(props);
this.state={
data: [],
isLoading: false,
error: null,
};
}
componentDidMount(){
this.setState({isLoading: true});
浏览 90提问于2018-07-18得票数 0
回答已采纳
我刚接触react native，我正在尝试使用TouchableOpacity onPress来导航到SignUp屏幕:然而，TypeError: undefined不是一个对象(计算'navigation.navigate') 下面是我的代码： import React from 'react';
import { Text, StyleSheet, TextInput, TouchableOpacity, KeyboardAvoidingView } from 'react-native';
function Regform ({nav
浏览 10提问于2020-05-03得票数 0
1回答
我不是在上课，我想学习如何手动操作。我正在处理登录屏幕。如果你想给我看你的代码，你需要保存和共享链接。所以我想要一个用于显示textbox的函数组件(假设ChildComponent是函数名，所以是export ChildComponent)。
因此，在“家长/屏幕1”中，我有类似的东西，对吗？
import * as React from 'react';
import { Text, View, StyleSheet, TouchableOpacity } from 'react-native';
import Constants from 'exp
浏览 4提问于2021-02-14得票数 2
回答已采纳
我正在尝试添加这个简单的todo项目字符串在数组中工作，但当我在地图中使用它并渲染它时，我需要使用item.item才能工作，如果我只使用项目，我收到对象无效的错误，因为React Child...Btw这是redux.how，我能解决这个问题吗？ 这是显示的列表 const todos=useSelector(state=>state)
<table>
<tbody>
<tr>
<th>note</th>
<th>remove<
浏览 15提问于2020-08-06得票数 0
我想知道如何在JSX中使用cloneElement语法。我阅读了文档和尝试过的例子，但仍然没有任何线索。
class ABC extends React.Component {
constructor(props){
super(props)
}
render() {
return(
<div>
{React.cloneElement()}
</div>
)
}
}
浏览 1提问于2018-02-06得票数 12
回答已采纳
如何将基于钩子的代码转换为基于类的代码？代码还能工作吗？我使用的是react/ASP.net核心模板。我的项目由几个兄弟组件组成。我正在尝试将状态从一个组件发送到另一个组件。 import { useState } from "react";
//the change is reflected in the ImageEditor component
const ImageEditor = ({ yourState }) => (
<p>State in the ImageEditor = {yourState}</p>
);
//Ima
浏览 18提问于2021-05-04得票数 0
回答已采纳
当我使用fetch I react时，我得到这样的错误:错误:对象作为React子对象无效(found: object with keys {results，info})‘
这是我的代码
import React from "react";
import "./App.css";
class App extends React.Component {
constructor() {
super();
this.state = {
data: [],
IsLoding: false,
};
}
浏览 0提问于2020-07-13得票数 2
父组件--
import React from "react";
import {View,SafeAreaView,Text,StyleSheet} from 'react-native';
import TestComponent from "./Components/TestComponent";
const Test = () => {
return (
<View>
<Text>Here are some boxes of different
浏览 2提问于2022-03-16得票数 0
您能告诉我，如何将state值从子组件child复制到Parent parent吗？子组件实现按钮上状态的递增和递减。该值也应显示在Parent中。谢谢! import React, {useState} from 'react';
import Child from "./Child";
const Parent = () => {
const [value, setValue] = useState(0);
return (
<>
<span>{value}</s
浏览 29提问于2021-08-21得票数 0
很抱歉，如果这个问题已经在其他地方得到了回答，这似乎是一个基本的问题，但我在任何地方都找不到答案。
我正在尝试找到一种方法，根据子组件的类型(即组件类型)，有条件地将道具传递给子组件。
例如，给定一个通用功能组件
const Parent = ({propA, propB, children, ...props}) => (
<div {...props}>
{children}
</div>
)
其中，我希望只接收A和B组件作为子组件。我希望只将propA传递给A类型的子项，将propB类型的子项传递给B类型的子项，以便
cons
浏览 26提问于2021-05-18得票数 0
我有两个反应元件。在子组件中，我有一个textfield
var React = require('react');
var UserInput = React.createClass({
getInitialState: function() {
return {ItemTotype: ''};
},
handleUserInput: function(e){
// console.log(e.target.value);
this.setState({ItemTotype: e.target.value});
浏览 2提问于2016-03-30得票数 0
2回答
你能告诉我为什么我会犯这个错误吗？
对象作为React子对象无效(找到:键为{seo_val、text_val}的对象)。如果您打算呈现一个子集合，请使用数组代替。
我正在尝试点击http请求并尝试下拉。
import React from "react";
class DropDown extends React.Component {
constructor(props) {
super(props);
console.log(this.props);
}
render() {
const makeDropDown = ()
浏览 0提问于2018-02-28得票数 3
回答已采纳
1回答
有人能帮我理解一下登录后的情况吗?在用户页面中，我会尝试刷新页面，这样会引发错误吗？
错误是：
错误:对象作为React子对象无效(找到:键{}的对象)。如果您打算呈现一个子集合，请使用数组代替.。
这是我的代码
浏览 0提问于2021-12-13得票数 0
如果对表单URL的ajax调用失败，我将尝试呈现表单中的错误。下面是我的Admin组件：
#app/assets/javascripts/components/admin.js.coffee
@Admin = React.createClass
# propTypes: ->
# emailVal: React.PropTypes.string.isRequired
getInitialState: ->
edit: false
errorTexts: []
handleToggle: (e) ->
e.preventDefault
浏览 3提问于2016-03-12得票数 7
回答已采纳
2回答
多对一：
当删除子对象时，也应该删除多对一关系中的父对象。在父对象和子对象中保存单个对象时，它工作得很好。但是，如果我将多个子对象(2个或更多)添加到一个父类，那么我如何从一个父类的子对象列表中删除子对象？
子POJO：
@Id
@GeneratedValue(strategy=GenerationType.IDENTITY)
@Column(name="id")
private int id;
@Column(name="cName")
private String cName;
@ManyToOne(cascade=Casc
浏览 0提问于2014-02-04得票数 1
回答已采纳
这是我的userinfo.js，它从app.js获取要在这里显示的数据。
import React, { Component } from 'react';
import axios from 'axios';
class UserInfo extends Component {
constructor() {
super();
this.state = {
error: null,
isLoaded: false,
persons: []
};
浏览 0提问于2018-07-26得票数 0
我正在尝试将一组硬编码的<Route />转换为从配置变量动态生成的内容。例如：
从…
<Router>
<Switch>
<Route path="/" component={Home} exact />
<Route path="/about" component={About} />
<Route path="/documents" component={Documents} exact />
&l
浏览 0提问于2019-02-15得票数 1
回答已采纳
3回答
我有一个应用程序，主要是用类基react组件编写的，但是我们正在用Stripe实现付费墙功能。
问题是条带使用钩子，它不适用于类基组件。是否可以将子类基组件放入父函数基组件以实现此目的。在不将每个组件重写为函数基组件的情况下，我将如何做到这一点。
每次尝试包含带有类基子元素的函数基组件时，都会产生以下错误：
错误:无效钩子调用。钩子只能在函数组件的主体内调用。
是否有任何的工作，或者我应该重写所有的组件作为功能组件？
一个快速示例，使用react router作为查询参数，然后将这些参数传递到类基子组件中。
function useQuery() {
return new URLSea
浏览 1提问于2020-12-04得票数 0
回答已采纳
首先，我想说，我对此反应很新，然而，在网上搜索了这个问题的答案之后，遗憾的是，没有什么是完全合适的，所以我来到这里。
我有一个组件，它包含一个引导模式，然后我希望设置来自另一个子模型的值，并最终显示该模型。虽然我可以通过简单地在第二个子组件中声明模态子组件来解决这个问题，但是这会导致每个子组件的多个呈现(生成大量冗余的HTML代码)。因此，我希望在父级中声明模态组件，然后在其子组件被激活时以某种方式设置它的值(为了便于查看，我已经创建了一个基本版本)：
function DeleteModal(props)
{
return (
<div className=
浏览 2提问于2021-07-13得票数 1
回答已采纳
在Material UI中的‘`Autocomplete In Material UI’中，当从下拉列表中设置所选输入的值时，会给出错误，因为‘对象作为React子对象无效’。请参阅以下代码以供参考 const [val, setVal] = useState({});
const handleClick = (e) => {
const newValue = e.target.value;
console.log("value", newValue);
setVal(top100Films[0]); //you pass any value from t
浏览 14提问于2021-04-11得票数 1
回答已采纳
我是新的反应(和一般的网页开发)试图建立一个简单的应用程序。我相信这是显而易见的，但一天都找不到解决办法。使用下面的代码，我得到了一个错误: Uncaught不变冲突:对象作为React子对象无效(找到:带有键{message}的对象)。如果您打算呈现一个子集合，请使用数组代替。
我也尝试了几种方法来纠正每一个其他的帖子，但从未成功(并得到不同的错误)，我觉得我错过了这里，非常简单的东西。有人能看看我的代码告诉我出了什么问题吗？
父组件(传递此组件从服务器获取的消息id的另一个组件的子组件)：
import React from 'react';
import Singleme
浏览 3提问于2019-10-29得票数 0
刚开始学习React.js，并且一直在使用Lynda.com来掌握事情的诀窍。尽管在中提到的视频系列已经过时了，但在其他Stack帖子和谷歌的帮助下，我已经能够拼凑出这个项目。但是这个错误把我难倒了。
我正在尝试向公告栏应用程序添加新笔记。当我点击add按钮(在屏幕的右上角)时，它会抛出React Minified #31错误，说明我正在使用的对象作为React子对象无效。我认为这与我刚刚创建的按钮有关，但我不知道如何解决这个问题。
我使用的是React版本15.3.1和Babel版本5.8.29 (本教程中使用的版本)。
Note.js
var Note = React.createCla
浏览 11提问于2016-08-26得票数 1
回答已采纳
谢谢你阅读我的问题。我是一个新的ReactJS。我在使用React.createElement创建组件时遇到了问题。我不知道在使用React.createElement时是否设置了一个以上属性，如下所示：
render()
{
return React.createElement('input',
{onChange: () => this.handleChange},
{value: () => this.state.value}
);
}
React给出一个错误：
对象作为React子对象无效。
在以这种方式编
浏览 2提问于2019-10-08得票数 0
回答已采纳
我正在尝试对Profile组件进行单元测试，该组件包含一个userParams()调用，以便从path变量获取userID，以配置文件格式显示该用户的信息。
测试使用MemoryRouter来使用正确的参数路由到测试，我不确定为什么它返回不能找到“角色”标题，因为在JSX组件中有两个标题元素，在默认情况下应该被赋予角色‘标题’。
我不确定测试是否配置正确，或者是否有其他原因。
在以下方面失败：
Unable to find role="heading"
Ignored nodes: comments, <script />, <style />
<
浏览 24提问于2022-08-06得票数 2
我有一个很大的JSON，其中有许多包含数组的字段。假设一个字段是"Top“，它包含许多字段："Middle1”、"Middle2“、"Middle3”。这些“中间”字段中的每一个都包含一个数组。有没有什么简单的方法可以只在Middle1中搜索每个元素并返回单个元素？当我在匹配的查询中尝试"Middle1.description":"blahblahblah“时，elasticsearch返回所有的Middle1。我还尝试将elasticsearch的默认映射更改为嵌套，它告诉我：
[object mapping [Middle1] can
浏览 1提问于2013-07-12得票数 0
回答已采纳
假设我们有一个名为MyChildComponent的组件，它将用于显示数字列表，还可以通过在MyChildComponent中单击按钮将随机数字添加到列表中。单击按钮时，只有MyChildComponent会重新渲染，因为只有MyChildComponent的状态会更新。 public class MyParentComponent extends React.Component {
const numsInParent = [0,1,2];
render() {
return <MyChildComponent nums="numsInPare
浏览 27提问于2021-02-12得票数 3
回答已采纳
1回答
我正在尝试在我的页面上有条件地提供很少的消息。下面是我实际场景的简化代码。
<div>
{
isCondition1 == true ?
'Show issue list'
:
isConditionA == true?
'Show message for condition A'
:
'Show error message'
}
</div>
浏览 3提问于2017-08-22得票数 2
回答已采纳
我试图从我的数据库中提取一个字符串整数，将其转换为一个数字，然后将该数字转换为一个日期。
但是，每次在运行时加载页面时，我都会收到以下错误。
对象作为React子对象无效(发现: Mon 2020 10:48:11 GMT+0000 (GMT))。如果您打算呈现一个子集合，请使用数组代替。
日期变量与预期完全相同，我现在只想在我的应用程序中呈现它们，这就是问题发生的地方。
有人能指出我哪里出了问题吗？
这是我的全部部件..。
import React, { Component } from 'react';
import axios from 'axios';
浏览 2提问于2020-11-19得票数 0
我有以下课程：
public class Parent
{
public ICollection<Child> Children {get;set;}
}
public class Child
{
}
public class Boy : Child
{
public Toy Toy {get;set;}
}
public class Girl : Child
{
public Book Book {get;set;}
}
我想把所有的男孩都装上父母：
Parents.Include(p => p.Children.Of
浏览 1提问于2012-03-06得票数 3
2回答
我试图将对象数组(最终将替换为实际数据的axios调用)从父组件传递到子组件，并进一步从一个子组件传递到其他子组件，但我无法传递，因为我收到错误消息“对象作为React子组件无效(找到:带键的对象)。如果您打算呈现一个子对象集合，请改用数组。” /ABC.js import React from 'react'
import ABCD from '../ABCD/ABCD'
const plans = [
{
id:'1',
title:'option 1',
value:'option1&
浏览 17提问于2019-09-12得票数 0
回答已采纳
我正在尝试在我的React / Flux应用程序中使用ImmutableJS。
我的存储是Immutable.Map对象。
我想知道在什么情况下应该使用.toJS()？应该是商店的.get(id)返回的时候吗？还是在带有.get('member')的组件中？
浏览 1提问于2015-01-10得票数 43
关系的两边都需要映射吗？
以下面的类为例，其中父级可以有多个子级，但父级不需要任何子级的知识
public class Parent{
public string ParentName { get; set; }
}
public class Child {
public string ChildName { get; set; }
public Parent Parent { get; set; }
}
在孩子中使用流畅的贴图：
Map(x => x.ChildName).Not.Nullable();
References(x => x.Parent,
浏览 3提问于2013-04-02得票数 0
回答已采纳
2回答
我有一个React Movie类，它允许您输入movieName。您还可以查看您输入的所有电影。
我现在正在用Redux更新我的应用程序，但是当我想显示列表时，我遇到了问题。
以下是已经在起作用的反应：
import React from 'react';
import { render } from 'react-dom';
class App extends React.Component {
state = {
favorite: false,
movieName: "",
movies: [
浏览 0提问于2018-05-29得票数 2
我在从API获取从子节点到父节点的数据时遇到了一个问题
孩子：
class Carton extends React.Component {
constructor(props) {
super(props);
this.state = {
loading: false,
matchData: []
};
}
在这里，我从API获取数据并更新状态
async componentDidMount() {
setTimeout(() => {
this.loading = true;
fetch(url)
.then(res => res.json()
浏览 2提问于2019-11-18得票数 0
2回答
未删除子对象
、、
我对子对象的级联删除有问题。我使用EclipseLink。当父表中的主键也是子表中的主键时，一对一关系的映射。
class Parent {
@Column(name = "PARENT_ID", unique = true, nullable = false)
private Long id;
@OneToOne(cascade = CascadeType.ALL, orphanRemoval = true, mappedBy = "parent")
private Child child;
}
class Child
浏览 0提问于2018-10-26得票数 1
我试图通过使用state将子组件更改为另一个组件。这正确地注入了新的组件，但是，如果我想动态地更改它的道具，什么都不会改变。componentWillReceiveProps没有触发。
在我的场景中，我将有许多像TestComponent这样的组件(将近20-30个组件)，它们都有不同的HTML布局(它们也有子组件)。我从某些列表中选择一些值，从而在这些组件之间切换。
我认为，最初加载所有这些组件似乎不是一个好主意。另一方面，我还没有发现任何关于在主组件中动态注入组件的信息。
这里是我想要实现的一个非常基本的例子。单击该按钮时，我将TestComponent插入到App中。在此之后，每隔一秒，
浏览 4提问于2017-08-25得票数 1
回答已采纳
在我的React应用程序中，我使用几个库(即Material和React )将React元素作为道具从更高级别的组件传递到只有一个任务的“哑组件”：呈现。
智能组件：
import ActionExplore from 'material-ui/svg-icons/action/explore';
import { FormattedMessage } from 'react-intl';
export class SmartComponent extends Component {
render() {
return (
<di
浏览 6提问于2016-06-06得票数 4
1回答
我正在尝试提供Web3Context.Provider值，但它没有更新。 //Web3Context.js
import React from "react";
const Web3Context = React.createContext();
export default Web3Context; //useWeb3.js
import { useContext } from "react";
import Web3Context from "./Web3Context";
export function useWeb3() {
ret
浏览 16提问于2020-12-31得票数 1
当用户触摸某些元素时，我尝试显示弹出视图。我正在使用react-native-router-flux进行导航。我尝试使用他们的模式属性或scheme=popup等，但我不能让它作为弹出窗口工作。与导航相同的组件。你能帮帮我吗。
浏览 1提问于2016-11-22得票数 2
我试图使用.map将数组项传递给特殊组件。
我已经干了好几天了，我真的很想通过这个考试。每次我呈现并上传到浏览器时，它都会给我一个错误
列表中的每个孩子都应该有一个独特的“钥匙”道具。
import React from "react";
export const SpecialButton = (props) => {
const { special } = props
return (
<>
{<button>{ special }</button>}
</>
);
}
浏览 0提问于2019-09-08得票数 1
我遇到了一个以前从未遇到过的问题。
错误:元素类型无效:预期为字符串(用于内置组件)或类/函数(用于组合组件)，但未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
我的React中有一个Searchbar.jsx组件，我导出它，然后将它导入到我的Navigation.jsx组件中。搜索栏组件如下所示：
import { useHistory } from 'react-router-dom';
import { useState } from 'react';
import { FontAwesomeIcon } from &
浏览 9提问于2022-10-06得票数 0
1回答
我在试着建立一个天气应用程序。我有一个搜索栏组件，它通过api获取数据，并设置天气道具的状态(最初为null)：
getInitialState: function() {
return {text: '', weather: null};
},
handleClick: function() {
WeatherApi.get('q=' + this.state.text).then(function(data) {
this.setState({weather: data})
}.bind(this));
}
浏览 2提问于2016-07-19得票数 0
回答已采纳
如何使用kendo-ui dropdown作为功能组件使用状态值？尝试在菜单中打印所选项目，但得到的错误为未捕获的不变冲突:对象作为React子级无效(已找到:具有键{CategoryName}的对象)。如果您打算呈现一个子级集合，请改用数组。如何使用状态值？我不想使用类组件。下面是我的代码： import React,{Component,useState } from 'react';
import './App.css';
import { DropDownList } from '@progress/kendo-reac
浏览 24提问于2019-10-09得票数 0
我有一个有按钮的HomeScreen组件。我正在尝试弹出一个模型视图(分离组件，即PopUpView)的按钮点击。在PopUpView中，当我试图将状态值popUpIsVisible从false更改为true时，将其可见性作为属性(IsVisible)发送给单击按钮。希望这将重新呈现并弹出我的模型视图(请注意，如果我显式传递true，则可以很好地工作)。然而，随着状态的改变，呈现函数看起来并没有被调用，popUp也没有被显示。提前感谢您的帮助 import React from 'react';
import { View, StyleSheet, Text, Button,
浏览 15提问于2019-05-27得票数 0
回答已采纳
我在react js中有我的父组件： import React from 'react';
const MyComponent = () => {
const myRef = React.createRef();
const childrenprops = React.Children.map(children, (child) => {
return React.cloneElement(child, {
myRef
});
});
return (
&l
浏览 15提问于2021-01-06得票数 0
1回答
我在react中是个乞丐，我创建了一个带有多个站点的was应用程序，所以我用npm命令下载了，但是当我尝试使用它时，网页什么也没有显示。
代码：
import '../App.css';
import Header from "./header"
import Custom from "./custom"
import React, {useEffect, useState} from 'react'
import {BrowserRouter,Routes as Switch ,Route,Link} from 'rea
浏览 2提问于2022-09-21得票数 0
我正在尝试学习React context API。我正在尝试创建一个默认值为绿色的上下文，后来上下文提供程序将其更改为红色。我得到的错误是“值未定义”。试图通过提供恒定的颜色来临时修复这个问题，我得到了一个渲染错误。如何让这段代码成功地使用上下文API并传递颜色？ import React from "react";
import "./styles.css";
const Counter = React.createContext("green");
export default function App() {
return (
浏览 64提问于2020-08-24得票数 0
回答已采纳
我对react是个新手。我正在尝试让父级根据状态更改显示的页面。我在我的子组件中有一个按钮，它应该向父组件发送"true“或"false”，以便它知道是否呈现它。我认为应该用这样的道具来完成：
this.state = {
btnNewScreen: this.props.btnNewScreen //true or false
};
但是我不能让它工作。你能给点建议吗？这是完整的父子
父级- maindisplay.js
import React from 'react';
import Mainpage_Addscreen from '../c
浏览 0提问于2016-08-11得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
