如何将状态变量值传递给react中的非子组件
在React中，将状态变量值传递给非子组件可以通过props进行实现。以下是一种常见的方法：
- 在父组件中定义一个状态变量，并将其传递给子组件。
- 在父组件中使用子组件时，将状态变量作为props的一个属性传递给子组件。
- 在子组件中通过props接收传递的状态变量，并在需要的地方使用它。
下面是一个示例：
// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';
function ParentComponent() {
const [status, setStatus] = useState('active');
return (
<div>
<ChildComponent status={status} />
</div>
);
}
export default ParentComponent;
// 子组件
import React from 'react';
function ChildComponent(props) {
return (
<div>
<p>Status: {props.status}</p>
</div>
);
}
export default ChildComponent;在上面的示例中，父组件ParentComponent中定义了一个状态变量status，并将其作为status属性传递给子组件ChildComponent。子组件通过props接收传递的状态变量，并在需要的地方使用它。
这种方法可以确保状态变量的值在父组件和子组件之间进行传递，并在子组件中使用。如果状态变量的值在父组件中发生变化，子组件也会相应地更新。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：https://cloud.tencent.com/product
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
- 腾讯云安全产品：https://cloud.tencent.com/product/safety
- 腾讯云音视频服务（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
相关·内容
嗨，现在我在一个我的投资组合网站上工作，我试图使一个按钮，使用相同的风格，但想要使用它的两个按钮(1)转到一些页面(2)下载简历。但它们都执行操作(1)。我不知道如何让这两个按钮做不同的工作。
这是Button的代码，
import React from 'react';
import './Button.css';
import { Link } from 'react-router-dom';
const STYLES =['btn--primary', 'btn--outline'];
const SIZE
浏览 2提问于2021-03-11得票数 0
我遵循一个带有Hooks在线课程的Advanced模式，在这个早期的例子中，他们用以下API创建了一个可扩展组件(比如经典的手风琴或可折叠面板)：
<Expandable>
<Expandable.Header>This is the header</Expandable.Header>
<Expandable.Body>This is the content</Expandable.Body>
</Expandable>
他们使用上下文将州expanded传递给可扩展的孩子。到目前为止还不错：
impor
浏览 1提问于2020-09-03得票数 3
回答已采纳
2回答
我有一个可重用的组件，它有自己的操作和还原器，然后在另一个组件中使用。
组件AddToCart
import React, { Component } from 'react'
import { bindActionCreators } from 'redux'
import Button from 'environment/atoms/button'
import * as AppIndexActionsCreators from 'environment/AppIndexActionsCreators'
const Add
浏览 4提问于2016-09-01得票数 0
回答已采纳
1回答
我有一个组件正在被传递一个道具，我需要组件更新时，支柱的值被改变。
我尝试过使用useEffect钩子来监视道具和prop.propIWantToChange，但是在它呈现之后，我无法让更新传递给组件。
App.js
let tracker = true;
const handleChangeTracker = () => {
tracker = !tracker
}
const App = props => {
<React.Fragment>
<button onClick={handleChangeTracker} >Change&
浏览 0提问于2019-07-07得票数 0
回答已采纳
目标:通过从父级的非状态变量发送道具来重新呈现独生子组件.
我想要重新呈现没有父组件的唯一子组件。下面是我编写的示例代码。cRoot是传递道具的父函数，CButton子组件需要在可见性变量更改时呈现。
在子组件中，我没有使用state，因为它曾经使用过，而且我不想将该值保持在状态中。另外，我不想创建作为纯组件的子组件。
在父类中，我希望使用变量(SubmitBtnVisibility)作为支持发送。
请解释为什么子组件没有更新，因为子组件的观点是道具正在更新？或者指向我哪里出错了？
提前谢谢你的帮助。
// Parent Component
class Root exten
浏览 1提问于2018-08-21得票数 3
回答已采纳
您能告诉我，如何将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
我有一个有状态GrandParent呈现ParentOne或ParentTwo的设计，但是双亲都呈现相同的有状态Child组件。当父组件被更改时，我希望保留Child的状态(以及它可能有状态的子元素)。
我创建了一个很小的代码库来展示我的意思，我还将包括JavaScript，以备将来参考，以防它消失：
function Child() {
const [myState, setMyState] = React.useState(false);
return (
<div>
<p>Is state modified: {myState.to
浏览 10提问于2022-09-16得票数 0
如何将ChildComponent中的hello值传递给App组件，并在页面加载时将其存储在ChildComponent的childProps变量中。
import React, { Component } from 'react';
class App extends Component {
render() {
var childProps ''; // I want store the passed const value in this variable;
return (
<div>
<Ch
浏览 8提问于2022-01-28得票数 1
我不明白为什么react窗口会在每个(所有) useState events上重新呈现列表，这些值甚至没有连接到列表本身。请有人解释一下，这是如何内部联系，我如何可以避免那些重新渲染？
import React, { useState } from "react";
import { FixedSizeList, areEqual } from "react-window";
function App() {
const [count, setCount] = useState(0);
const handleOnClick = ()
浏览 1提问于2021-10-07得票数 1
回答已采纳
2回答
将道具和状态传递给子组件
、、、
我试图在我的应用程序中释放组件，但在理解如何将状态和道具从我的父组件传递给子组件时遇到了一些困难。对于上下文，我的子组件是一个表，它在行中呈现一个较小的组件。
现在，我有一个名为BookComponents的const，它接受一本书并将其写入状态。我被困的地方是将状态和道具传递到我的BookTable组件中，这样我就可以在图书表而不是主页中呈现书籍，谢谢您的帮助和提示。
MainPage：
import React from 'react';
import type { User, BookType } from '/types';
import Book fr
浏览 1提问于2020-06-18得票数 1
回答已采纳
在React中如何将父自定义的react组件状态属性值传递给子客户组件？
假设MyCustomRectComponentA组件有一个状态变量“偏移”。那么，如何获得对此的访问以作为AnotherCustomComponentB的支柱呢？
public render() {
return (
<MyCustomRectComponentA>
<AnotherCustomComponentB offsetValue={parent.state.offset} />
</MyCustomRectComponentA&g
浏览 1提问于2019-01-31得票数 0
回答已采纳
1回答
我一直在尝试进入React，因此阅读了官方指南，然而，我不确定如何将组件放入他们自己的文件中，以便在文件中重用它们。
我做了一个非常基本的React组件，它包含一个input标签和一些配置。我想让这个输入标签在它自己的文件中成为一个独立的组件。我该如何实现这一点？
我使用的是具有以下配置的Webpack：
var path = require('path');
var webpack = require('webpack');
module.exports = {
devtool: 'eval',
entry: [
'w
浏览 6提问于2016-07-15得票数 1
回答已采纳
1回答
我搜索了类似的问题，但没有一个能满足我的疑问。在以下情况下，我如何将" this“更改为react功能组件：<SimpleStorage parent={this}/>，该组件属于库(称为react-simple-storage)，并且是在功能组件中编写的。我看到的所有例子都涉及到this.state、this.object或this.function，但没有一个是单独涉及this的。 const Books = () => {
...
return <Router>
<SimpleStorage parent={
浏览 12提问于2021-07-23得票数 0
在React子组件中，我可以访问一个变量options，它返回一个对象数组。
在这个组件中，我有一个函数来检查是否有选项：
const hasOptions = () => options.length > 0;
console.log(hasOptions());
这将返回true或false。
在我的父组件中，我需要这个布尔值来有条件地添加一些样式(基于布尔值)。
如何将此布尔值从我的子组件传递给父组件？
浏览 2提问于2021-08-31得票数 0
回答已采纳
假设我有这样的例子：
import React, { useMemo, useCallback } from 'react'
const Hello = (props) => {
const { firstName, lastName } = props
const fullName = useMemo(() => `${firstName} ${lastName}`, [firstName, lastName])
const sayHello = useCallback(() => {
console.log(`Hello, ${fu
浏览 3提问于2020-11-26得票数 2
回答已采纳
我正在构建一个简单的购物应用程序。在加载时，我们将进行一个查询，以检查购物车是否存在。现在，这个查询总是返回null (我还没有实现逻辑来检查用户是否已经有购物车了)。然后，当用户单击"create“时，我们会做一个突变来创建它。最后，我们将在突变完成后使用refreshQueries通过ID获取购物车(及其产品)，该ID将从突变中返回。然后我们将这些产品呈现在一个纯组件中。
我遇到的问题是，在用户单击按钮并发生refreshQueries之后，没有任何重新呈现。我知道查询正在发送，并通过查看developer的网络选项卡返回一个带有产品的创建购物车。只是阿波罗似乎没有注意到这个变化。
浏览 4提问于2017-11-19得票数 0
回答已采纳
我正在使用React / Redux编写简单的应用程序。我注意到函数mapStateToProps()被多次调用。这里的代码：
class Employees extends React.Component {
componentDidMount() {
this.props.fetchEmployees();
}
}
let mapStateToProps = function mapStateToProps(state) {
console.log("foo");
return {...};
};
let mapDispa
浏览 0提问于2018-11-13得票数 3
回答已采纳
我正在从事一个react项目，react的状态，以及react react dom v4。
我试图理解如何将应用程序的状态传递给正在我的中呈现的而不是子组件
如何将数据传递给无父组件
浏览 5提问于2017-10-24得票数 0
我正在阅读这篇关于React回忆录的，我想知道如何翻译和使用useMemo而不是useCallback钩子。特别是在这个例子中：
<Child name={ useCallback(() => {console.log('Really Skinny Jack')}, []) } />
其中的子组件如下所示：
export default React.memo(function Child({ name }) {
console.log("Child component");
return (
<>
{n
浏览 16提问于2022-05-02得票数 1
回答已采纳
我有一个父组件
class ParentComponent extends React.PureComponent {
render(){
return(
//IN HERE I'm calling child parent
<ChildComponent/>
)
}
}
class ChildComponent extends React.PureComponent {
constructor(prop
浏览 2提问于2020-10-08得票数 0
回答已采纳
如何将数组作为来自前端用户的输入，然后将其存储在useState中，并使用ether将其传递给智能契约。我只是无法创建正确的格式。使用react作为前端。
这是我想要调用的函数。
// SPDX-License-Identifier: SEE LICENSE IN LICENSE
pragma solidity ^0.8.0;
import "./MultiSig.sol";
contract ZarFactory {
event Created(MultiSig walletAddress, address creator);
function
浏览 0提问于2023-02-27得票数 1
3回答
我有两个react组件: Component1使用MapboxGl呈现地图。Component2呈现一个按钮，当单击该按钮时，会进行API调用，并获取Geojson数据并将其存储到一个变量中。
问题: Component1需要Geojson数据来在地图上绘制路线。如何将数据从component2传递到component1？我尝试从component2中导出变量并将其导入到component1中，但不起作用。
任何帮助都将不胜感激。
浏览 0提问于2021-06-02得票数 2
2回答
最近，我学会了如何将道具从一个组件传递到另一个组件。在我的例子中，从<FileTree>到<TextBox>，如下所示：
但是之后，我对代码进行了一些重新组织，现在可以在<App> (App.js)中看到React的结构了。我决定把<FileTree>和<TextBox>并排放在一起，带着靴带。
因此，从逻辑上讲，我认为将props从<App>传递给<TextBox>和以前一样:从<FileTree>到<TextBox>。不幸的是，事实并非如此。
目前，这是<App>内部的代
浏览 0提问于2018-04-27得票数 4
回答已采纳
1回答
我想在登录后将导航栏标题更改为注销，但是，我的身份验证检查功能在我的登录组件类中，我如何将它们链接起来，因为这个导航本身不是一个组件。 import React from 'react';
import { Link } from 'react-router-dom';
const Header = () => (
<nav className="navbar navbar-dark bg-dark navbar-expand-lg">
<Link to="/" className=&#
浏览 16提问于2020-10-14得票数 0
我目前正在学习React，我正在尝试创建一个简单的模式，当页面加载时将显示。当我保存更改时，页面变为白色，控制台中没有任何错误。我将状态设置为true，然后尝试在渲染中调用它，认为这可能是一种方法。谁能告诉我我做错了什么？
Modal.js
import React from 'react';
class Modal extends React.Component{
constructor(props){
super(props)
this.state = {open:true}
}
render(){
浏览 0提问于2020-04-21得票数 1
我有一个子组件，它不会重新呈现，因为它的父组件内部的状态没有更新。我最近发现我需要将数据从孩子传递给父母，但我不确定如何做到这一点。我找到的关于这个主题的大多数教程都向您展示了如何通过发送函数将一个字段或一段信息传递给父组件，但我需要将表单中的多个字段发送给父组件。我不知道该怎么做。 这是父组件。 import React, { useState } from "react";
import { useQuery } from "@apollo/client";
import { getStudents } from "../queries";
浏览 56提问于2021-10-18得票数 0
我是新来的反应。我有三个组件:一个顶级的App.js组件，它呈现一个ProductOptions.js组件和一个ProductImage.js组件。我想根据ProductImage组件中下拉列表的值更改ProductOptions组件中显示的图像。当App第一次呈现时，默认的选择是黑色，相应的产品-Black.jpg图像将显示在ProductImage组件中。用户可以切换到Brown，它应该在ProductImage组件中显示产品-Brown.jpg图像。
我知道我需要更新状态并使用一个onChange事件来侦听下拉列表的值，但是我不知道如何将它连接到一起。
App组件：
import Rea
浏览 1提问于2019-03-19得票数 0
我希望在reactjs中将状态值从一个组件传递到另一个组件。正如你所看到的，我正试图在输入中投入价值。值在一个组件中声明，并必须传递另一个组件。Showvalue是我声明状态值的组件。我想把它变成输入值
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
class Showvalue extends Component{
constructor(props){
super(props);
this.state = {
浏览 0提问于2018-08-01得票数 1
回答已采纳
在我的标签屏幕代码中，我遇到了一种非常奇怪的行为。我试图将额外的道具传递到屏幕组件中，所以我决定创建一个箭头函数来返回Re欲组件(upcomingOrderView)。当我试图在Tab屏幕组件中调用这个函数时，它确实工作得很好，但是当this.state.bookingsBucket.upcoming更新时，屏幕没有重新呈现。下面是代码：
class A extends React.Component {
upcomingOrderView = (props) =>{
return (
<BookingsOrderView
浏览 1提问于2021-03-31得票数 1
回答已采纳
2回答
假设这是一个用来隐藏和显示数据的Toggle组件，当单独调用它时，它可以完美地工作。 现在我有了一个dashboard.js，我将在其中调用这个组件，但我只想输出数据，在他的文件中保持切换开关是分开的。 如何将数据从切换组件传递到仪表板组件？在React中，你仍然是新手，从我学到的经验来看，显然你不能将数据从孩子传递给父母。 import React, { Component } from 'react';
export default class Toggle extends React.Component{
constructor(){
supe
浏览 19提问于2021-03-31得票数 1
回答已采纳
1回答
用户登录后，我希望在标题中显示名称。我读过关于如何传递道具的文章，但我看到的是当您从另一个组件访问另一个组件状态时，这再次让您洞察另一个组件。如何在不呈现其他组件的情况下访问另一个组件的状态？在这里，我不想呈现标题组件洞察我的登录组件和好奇
在这里，我重定向是为了传递状态(但是由于我重定向到'/‘是主组件而不是头组件，我仍然不知道如何在组件头中访问它。
如果我没有使用重定向，我将如何将它传递给另一个？
类头扩展React.Component { render () {返回( Home Login )}}
登录组件：
class Login extends Rea
浏览 1提问于2017-08-06得票数 1
回答已采纳
1回答
如何将this.state.username;, this.state.password;这样的状态传递给Relay.Mutation{get variables /config}，其中this.state.username和this.state.password映射到文本字段的输入值，这使得loginMutation {this.state}返回空，中继中的所有示例似乎都是单边的(创建查询)，其中有Login Component和Login Mutation，这是我的文件
//loginMutation named as verifyMutation.js
import Relay from
浏览 0提问于2016-09-18得票数 0
回答已采纳
3回答
我在我的react应用程序中使用formik作为表单。 class myComponent extends Component {
constructor(props) {
this.state = {
inputData: {}
}
}
render() {
return(
<Formik>{({ errors, handleChange, values }) => (
console.log(values);
<Field type="text" name="addr
浏览 26提问于2019-02-14得票数 3
2回答
我有一个NavBar组件，它保存用户的登录信息。当用户登录时，它会说“欢迎”以及用户详细信息。我希望在另一个组件中实现相同的想法，这样当用户发布博客时，它会说“posts By：”以及用户登录的详细信息。如何将详细信息从NavBar.js传递给Products.js？
import React, { useState, useEffect } from 'react';
import { NavLink } from 'react-router-dom';
const NavBar = (props) => {
const providers =
浏览 3提问于2022-07-25得票数 0
1回答
我试图在一个react表中对数据进行排序，但是当新的数据到达时，这些数据的排序是无效的。包含表的组件从一个支柱中获取其数据。该数据本身来自redux，它每15秒更新一次，其中包含来自服务器的最新数据(在服务器上更改频繁)。
我想要的是对数据进行排序，并让这些类型在数据更改时保持不变。实际发生的情况是，我按列标题对表进行排序，然后当数据更改时，排序将被移除。
我试过：
将falseimplemented设置为：read通过文档和示例查找明显的差异
分类工作：
但一旦数据发生变化，就会变成这样：
我希望保留排序筛选器，以便当新数据到达时(相同的99%的时间，但1%的时间，一个列的值不同
浏览 1提问于2021-04-28得票数 6
回答已采纳
3回答
我正在制作一个带有React的应用程序，它从下拉菜单中获取用户输入，根据输入的值进行api调用并显示结果。组件的结构是这样的。
Search
Input
Result
因此，Search是Input和Result组件的父组件。我希望将值从Input传递给Search，在那里进行调用。然后将调用的结果传递给Result (令人惊讶的是)。
我可以在Search中为应用程序接口调用硬编码值，结果显示良好。
但是我在弄清楚如何将输入字段的值从Input传递到Search时遇到了麻烦。我想我应该从Search访问子(输入)道具，但我不知道如何设置它们，因为你不应该有一个组件设置它自己的
浏览 2提问于2016-09-03得票数 1
在这个简单的示例中，我将使用useMemo回传子组件，并将回调传递给父函数以添加数据以响应钩子数组，该数组最初被设置为空。
我的问题如下:为什么钩子数据从不改变，并将它的初始状态保存在回调函数中，这个回调函数来自于自述的Child组件。但是，当在useEffect方法中检查数据钩子或在呈现中使用该钩子时，它总是具有最新的状态。
这是一个更普遍的问题，例如，如果数据总是具有初始状态，那么在回忆录子组件中检查回调函数中的重复值的最佳方法是什么？
我知道useReducer，在添加之前我可以在钩子setter方法中操作数据，但是可能还有其他方法吗？
父组件：
import React, {useEf
浏览 9提问于2020-05-18得票数 1
回答已采纳
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回答
我有一个简单的应用程序，使用redux和react-router。我将我的应用程序组件包装在一个提供者标签中，以便它可以访问商店。我(在App.js中)在App.js中连接了mapStateToProps和mapStateToDispatch。我不确定如何将在App.js中定义的函数传递给子组件，因为我正在使用路由。我试着做渲染技巧，但它不起作用。如果我可以将它传递给CelebrityPage组件，我将如何在文件中接收它？任何帮助都将不胜感激。
这是我的App.js
import React, { Component } from 'react';
import { conne
浏览 0提问于2020-10-24得票数 0
这是一个初学者的反应问题，因为我正在学习。
我有两个文件hero.js和sidebar.js。我在hero.js中有两个函数需要从sidebar.js中的按钮中访问(即: onSave和onRestore)。
我该怎么把这些函数传下来。我意识到我可能需要做一些像`this.onSave这样的事情，但我不知道如何才能做出反应。
hero.js
import React, { useState, useRef, useCallback } from "react";
import ReactFlow, {removeElements, addEdge,Controls, updat
浏览 10提问于2022-01-03得票数 0
回答已采纳
我在导航栏组件中有头像和菜单组件。我想通过点击阿凡达组件来触发菜单组件的功能。我的问题是如何将clickEvent从头像传递到菜单组件。 <AppBar position="sticky" className={classes.navBarStyle}>
<Toolbar>
<Avatar alt="" className={classes.userAvatar} src="./avatar.jpg"/>
<DropDownMenu/&
浏览 44提问于2021-01-21得票数 0
回答已采纳
1回答
我已经构建了一个计算表单，作为这里的链接
相反，在另一个页面上显示结果，我希望当用户单击“计算保存范围”按钮时，会有一个弹出模式将结果显示在同一页上。
我打算写Model.jsx
import React from "react";
import { NavLink } from "react-router-dom";
class ShowModal extends React.Component {
state = {
open: false,
};
onOpenModal = () => {
this.setState(
浏览 2提问于2020-10-21得票数 0
回答已采纳
我在React上创建了一个登录和注册表单。看上去：
class LoginForm extends React.Component {
constructor(props) {
super(props);
this.state = {
username: '',
password: '',
isLoading: false
};
this.handleClick = this.handleClick.bind(thi
浏览 1提问于2018-06-14得票数 1
在Mobx (mobx- React )中，我们可以在这样的React组件中“注入”存储：
@inject('store')
@observer class Abc extends React.Component {
}
这导致Abc将store作为类似于this.props.store的prop获得。但是inject如何将store映射到实际的商店呢？
浏览 0提问于2018-04-01得票数 1
回答已采纳
Layout.js
import React, {Component} from "react"
import Aircraft from "./Aircraft"
class Layout extends Component {
constructor(props) {
super(props)
this.state = {
test: true,
acn: ""
}
}
WhatIsAircraftName = (acn
浏览 3提问于2019-09-28得票数 1
回答已采纳
我有一个带有FlatList的模态组件(FlatList)，每个列表项都有两个带有'asc‘和'desc’值的单选按钮。当用户选择单选按钮时，使用列表的索引和按下按钮的值更新模态组件中的状态。用户只能选择一个按钮。
当用户按下模态上的"OK“时，我需要以某种方式获取发送给父组件的单选按钮('asc‘或'desc')的列表和值的索引。我该怎么做？被困在这上面已经很久了。下面是代码，链接到Snack：
Sortby.js
import {View, Text, Modal, StyleSheet, Button, FlatList,} from &#
浏览 12提问于2022-06-24得票数 1
回答已采纳
我目前正在开发一个电影类型的应用程序，并从一个API中获取数据。在我的react项目中，我做了两个独立的组件：
组件一:显示电影海报的英雄
组件二:显示所有电影的滑块。
我添加了一个状态变量，当单击滑块中的每一部电影时，将更新英雄电影海报。
最初，我有两个组件作为相同的组件，并且工作得很好。我决定把它们分开，因为我想用另一种类型的电影重新使用滑块，而没有其他的英雄部分。
我的问题是如何将setSelectMovie状态变量从HeroSlider传递给Slider组件，以便在单击滑块中的电影时更新英雄。
我附上了一些参考资料，谢谢
import React from 'react&#
浏览 5提问于2022-09-15得票数 -2
我还没反应过来。
我想知道，如何将数据从“主页”传输到另一个页面以显示结果？
我想这和道具有关吧？但我不完全确定。
我的MainPage有输入/选择标签，包含名称、值、用户的选择和日期。
我希望能够获取所有这些信息，并将其输出到另一个名为"DisplayResults“的页面中，并可能将这些数据用于其他方面，或者创建一个包含这些信息的表。
非常感谢你的帮助！
，这是我的app.jsx
var React = require('react');
var ReactDOM = require('react-dom');
var {Route, Router,
浏览 4提问于2017-01-31得票数 10
回答已采纳
我是react的初学者，我正在尝试从一个文件到另一个文件赋予样式值。
这是Square.js：
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Numbers from './Numbers';
export default class Square extends React.Component {
render() {
return (
<View style={squa
浏览 0提问于2018-10-17得票数 0
我对此反应很新，我一直在努力弄清楚如何将数据从子函数传递给父类组件。在我的子代中，我只有一个变量来存储URL中的用户名。但我似乎想不出如何将它传递给父组件。
这是我的孩子。
const GetUsername = () => {
const params = useParams();
const [param, getParam] = useState(params.name);
return <p>{params.name}</p>;
};
export blabla
我想知道如何访问父组件中的params.name。这是我的父母。
export c
浏览 7提问于2022-06-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
