调用另一个组件中的方法，该组件在React中返回一些值
在React中，要调用另一个组件中的方法，可以通过以下步骤实现：
- 导入需要调用的组件：
- 导入需要调用的组件：
- 在当前组件中使用
<AnotherComponent />标签来渲染另一个组件： - 在当前组件中使用
<AnotherComponent />标签来渲染另一个组件： - 在另一个组件中定义需要调用的方法：
- 在另一个组件中定义需要调用的方法：
- 在当前组件中调用另一个组件的方法：
- 在当前组件中调用另一个组件的方法：
在上述代码中，我们通过导入AnotherComponent组件并在当前组件的render方法中使用<AnotherComponent />标签来渲染另一个组件。然后，在MyComponent组件中定义一个点击事件处理函数handleClick，在该函数中创建一个AnotherComponent实例，并调用其myMethod方法。
这样，当点击"调用方法"按钮时，就会执行AnotherComponent组件中的myMethod方法。
React是一个流行的前端开发框架，用于构建用户界面。它具有高效、灵活和可重用的组件化开发模式，使得开发者可以轻松构建复杂的应用程序。React还提供了虚拟DOM和单向数据流的概念，以提高应用程序的性能和可维护性。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云函数（SCF）。
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，适用于各种应用场景。您可以根据实际需求选择不同配置的云服务器实例，并通过腾讯云控制台或API进行管理和操作。了解更多信息，请访问腾讯云云服务器。
- 腾讯云函数（SCF）：是一种无服务器计算服务，可以让您无需管理服务器即可运行代码。您可以使用SCF来运行和扩展您的应用程序，而无需关注底层基础设施。了解更多信息，请访问腾讯云函数。
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估。
相关·内容
我正在开发一个带有React和Redux的应用程序，结果我对设计产生了怀疑。关键是当我启动应用程序时，我需要用几个API请求填充商店(我使用的是fetch和redux)，它返回一些常量。这个常量将由几个组件使用，而且我不能将它们附加到特定的组件上，因为用户可能没有加载它，直接转到另一个不获取data....so的组件.处理这件事最好的办法是什么？如何在Redux中填充和"initialState“是最好的方法？另外，是否可以使用fetch API处理多个请求，就像我们处理$q一样？
浏览 3提问于2016-11-09得票数 1
回答已采纳
2回答
我是新来的反应-本地人，我想知道它的运行流程。例如：
import React, { useState } from 'react';
function Example() {
const [count, setCount] = useState(0);
return (
<View>
.
.
.
.
</View>
);
}
返回语句之前的部分是只运行一次还是每次呈现？
或者每次组件被调用时？
如果该组件在另一
浏览 12提问于2020-07-07得票数 0
回答已采纳
我目前正在尝试使用TypeScript用React编写一个小的包装器组件。这是我的包装器：
function ConditionalWrapper({ condition, wrapper, children }: { condition?: boolean, wrapper?: (children: React.ReactNode) => any, children?: React.ReactNode }) {
return condition ? wrapper(children) : children;
}
然后可以像这样使用
<ConditionalWrapper
浏览 6提问于2020-02-12得票数 0
回答已采纳
我正在尝试测试是否在我的组件的componentDidMount钩子中调用了函数。
我使用React-Native和Jest来测试我的组件。
该组件如下所示：
const tracker = new GoogleAnalyticsTracker('UA-79731-33');
class MyComponent extends Component {
componentDidMount() {
tracker.trackScreenView(this.props.title);
}
}
所以我模拟了一下GoogleAnalyticsTracker
浏览 1提问于2017-02-20得票数 2
3回答
我想要将一个组件作为prop传递给另一个组件，该组件需要根据用户是否经过身份验证进行更改，在下面的示例中，我的组件正在呈现，但通过导航prop传递的组件没有。
import React from 'react';
import { render } from 'react-dom';
import Layout from './core/Layout';
import LoggedInHeader from './core/LoggedInHeader';
import LoggedOutHeader from './
浏览 1提问于2017-08-24得票数 0
我不明白为什么当我点击我的应用程序中的链接时，什么也没有发生。
在我的index.js文件中，我正在加载名为“游戏”的主屏幕。在“游戏”中，我有两个链接，当点击时，应该会呈现另一个屏幕。
在我的index.js中：
import React from "react";
import ReactDOM from "react-dom";
import Game from "./Game/Game";
ReactDOM.render(
<React.Fragment>
<Game/>
</React.Fragm
浏览 13提问于2020-02-06得票数 0
回答已采纳
2回答
我已经创建了一个应用程序来作出反应，当它启动时，application就会呈现出来。我希望当用户单击按钮或链接时，当单击该链接时，该按钮或链接必须位于App组件中，另一个组件将被呈现，但不在App组件中，而只有新组件将在相同的URL中呈现。对于这个新组件，它必须有一个类似的按钮，以便当用户单击时，只有App组件被呈现，并且用户单击的这个组件没有呈现，只呈现App组件。
我不知道我解释得对不对。如果你需要澄清的话，可以问我任何问题。
“我的应用程序”组件如下：
import React, { Component } from 'react';
import Touch from
浏览 0提问于2018-10-01得票数 1
回答已采纳
我正在努力开发一个React-redux应用程序，以便通过状态将值从一个组件传递到另一个组件。我不希望使用reducer和/或dispatch，因为我不是在调用and服务，我只想从文本框窗体中获取一个值，以便在order组件上启用另一个控件。
首先，我可以从控件中获取值，但是当mapstatetoprops被调用时，我设置并希望添加到状态的变量是未定义的。这也可能解释了为什么我的另一个问题。在我的另一个组件上，使用props的函数从未被调用过，因为状态组件
下面是相关的代码片段：
<ListItemContent>
<Control component={Textfi
浏览 28提问于2017-03-17得票数 0
所以我是一个反应的初学者，我做了一个非常简单的项目，它通过JavaScript中的"prompt()“函数获取某人的年龄，并将其传递给react来呈现。您可以单击“更改年龄”按钮来更改屏幕上显示的年龄，这意味着它提供了另一个提示，您可以通过该提示重新输入年龄，然后新时代将显示在屏幕上。一切都很好，但是因为react不断地重新呈现我的页面，所以它多次显示提示。如果您在第一个提示后键入任何年龄，则屏幕上的年龄不会更改。我的猜测是，这可能是因为在react的虚拟dom有时间连接真正的dom之前就会出现提示，因此您在这些提示中输入的任何值都会被完全忽略。这可能是一些愚蠢的小问题，我无法自己解决
浏览 3提问于2021-08-22得票数 1
回答已采纳
1回答
我已经创建了一个SocialShare组件，当单击任何其他组件上的Share按钮时，我希望呈现该组件。
import React, {Component} from 'react';
import {View, Share, Button} from 'react-native';
export class SocialShare extends Component {
onShare = async () => {
try {
const result = await Share.share({
message
浏览 0提问于2019-05-20得票数 0
9回答
在React中，这两种实现之间有什么真正的区别吗？一些朋友告诉我，FirstComponent是一种模式，但我不明白为什么。SecondComponent看起来更简单，因为呈现只被调用一次。
第一：
import React, { PropTypes } from 'react'
class FirstComponent extends React.Component {
state = {
description: ''
}
componentDidMount() {
const { description} = this.p
浏览 9提问于2016-10-15得票数 260
回答已采纳
2回答
状态变化后的测试反应组件
、、、、
如何测试以下组件？
import React from "react";
class ModuleLoader extends React.Component {
state = {
Module: null
};
componentDidMount() {
this.props
.Module()
浏览 0提问于2018-10-03得票数 0
回答已采纳
我是React和jsx的新手。
我有一个项目，其中我是第一次使用React，但页面的一些部分仍然不是基于React的，它们使用了其他一些框架。在旧代码被重构为使用React或某种不可知的方式之前，我现在需要同时使用这两个框架。
另一个框架需要延迟地包含在页面上，因此可能需要一些时间才能加载。一旦可用，我就可以创建一个对象并调用.placeAt(id)来告诉该对象在哪里呈现它的DOM。
下面的代码只是我当前解决方案的一个示例。
import React from 'react';
import loadWidget from './loadWidget';
f
浏览 0提问于2019-12-13得票数 0
我有一个像这样的反应元件
import React, { useContext } from 'React'
import Context from "./Context"
function foo(props){
const aContext = useContext(Context);
const { region } = aContext;
const { code } = props;
const bar = {a: 'abc', b:'qwe'};
return <div> {regi
浏览 2提问于2020-11-24得票数 1
回答已采纳
该组件的render方法确实使用了提供给该组件的任何属性。
当道具改变时，组件会重新渲染吗？
class MyComponent extends React.Component {
constructor(props) {
super(props);
const { propValue } = props;
// do something with propValue...
}
render () {
return (
<div>foo</div>
);
}
}
浏览 0提问于2017-08-16得票数 4
2回答
我有一个像这样的反应元件
import React from 'react';
import { ECOTileSummary } from './ECOTileSummary';
import { TileSummary } from './TileSummary';
interface SuperTileSummaryProps {
date?: string;
location: string;
link: string;
title: string;
nextVisit?: string | null;
ti
浏览 8提问于2021-03-03得票数 2
回答已采纳
我正在尝试从svg导入一个React，然后将它作为一个支柱发送到另一个组件，以呈现functionComponent。使用下面的设置，这将编译得很好，但是当试图在浏览器中呈现svg时，它最终会崩溃：
错误:对象作为React子对象无效(找到:键为{$$typeof的对象，呈现})。如果您打算呈现一个子集合，请使用数组代替。
下面的类是简化的。但我想做的是：
在overlay.tsx中：
import { ReactComponent as icon } from "/icon.svg";
import CustomItem from "/customItem&#
浏览 5提问于2020-04-15得票数 4
我正在了解React中的ErrorBoundaries，并想知道为什么以及如何在getDerivedStateFromError方法中设置状态？
// REACT
import React from 'react';
export class ErrorBoundary extends React.Component {
state = {
isThereError: false
}
static getDerivedStateFromError(error) {
return {
isThereError: true
}
浏览 3提问于2021-10-05得票数 1
回答已采纳
1回答
组件类不呈现
、、
我的自制ReactJS组件出现了一个奇怪的问题，我肯定做了一些根本错误的事情。
我有一个父组件，它通过REST服务周期性地接收对象数组。对接收到的元素进行枚举，并将其放入react引导ListGroup元素中：
<Row>
<Col sm={2}>
<ListGroup>
{this.state.maps.map((object, index) => {
return <ListGroupItem key={index}
浏览 3提问于2017-12-16得票数 1
回答已采纳
我正在学习HOCs，并不断阅读上面的引语，但我不明白它的含义。如果我的自组织将一个方法添加到我的消费组件中，我可以像这样在呈现方法中使用该方法吗？如果不是，我将如何做我在这里试图做的事情：
import React, { Component } from 'react';
import { withMyHOC } from '../with_my_component'
class MyComponent extends Component {
constructor(props) {
super(props);
}
render() {
浏览 2提问于2019-11-19得票数 1
回答已采纳
2回答
编辑：
在问这个问题之前，我在代码中犯了一些愚蠢的错误。我现在意识到，这个问题可能不会像我所说的那样对任何人有用，实际上是误导人的。向那些回复的人表示歉意并感谢你们。
我目前正在学习“反应本地人”，并遇到了一些不直观的行为。据我所知，useEffect钩子可以用来确定组件的生命周期(即当它挂载和卸载时)。当我更新组件中的状态(在本例中为“ComponentX”)时，整个组件似乎重新装入。我不认为这是有意的行为。如果有人能告诉我，如果是这样--或者我做错了什么，导致了这一切--那将是非常有帮助的！谢谢。
预期行为：组件不卸载和重新装入。
实际行为：组件在每次状态更改时重新装载。
import
浏览 2提问于2021-05-11得票数 0
因此，我通常可以使用apollo react和GraphQL来查询或更改数据。但有一件事我就是不明白:假设我有一个查询，它获得了一个任意实体的Id，如下所示：
const Query = graphql(
baseNodeQuery([
'entityId',
'entityLabel'
], 'employment_reference_preset'), {
options: {
variables: {
filter: {
type: "employmen
浏览 0提问于2017-09-07得票数 1
2回答
我想将响应的数据存储到数组中以供重用。我要用Axios来做这个。我收到的问题是，当我推入数组时，它会循环getBoroughAndId()并继续推到数组中。我可以判断，因为我得到了一个console.log()响应，它总是告诉我我提出了太多的请求。有什么建议吗？谢谢。
编辑:在进行了另一个测试之后，我认为问题是在运行getBoroughAndId时，id总是在改变。我不知道该怎么阻止这一切。
import React, { useEffect, useState } from 'react';
import { airtableApi } from '../servic
浏览 3提问于2020-12-21得票数 1
回答已采纳
我是新的反应和实验的东西，但出现了这个问题，当我调用一个对象在另一个文件，我继承这些值等，它只是使一个新的对象，把原来的对象放入新的对象。它可能被解释得一团糟，但我会用一些例子来说明。有人能给我解释一下这是怎么回事吗？
，这是基本文件。第十条路径是发生这种情况的路径，您可以看到，我希望将这些项交给该文件。，当您在这里记录这些项目时，结果是条目{.}(我想要的)。
import React, { Component } from "react";
import "./App.css";
import Home from "./components/Home
浏览 1提问于2019-02-27得票数 0
回答已采纳
var MyComponentClass = React.createClass({
render: function () {
return <h1>Hello world</h1>;
}
});
ReactDOM.render(
<MyComponentClass />,
document.getElementById('app')
);
所以，我一直在关注ReactJS上的一些教程，我很难理解React背后到底发生了什么，特别是上面的代码。
比如，React的库的createClass方法中的rend
浏览 2提问于2016-10-19得票数 1
用户登录后，身份验证令牌将保存在sessionStorage中，页面将重新加载。现在，在重新加载之后，我希望读取该数据并将其存储在state中，但呈现方式不会从<Login />更改为<Layout>...
export default class Home extends React.Component<any, State> {
constructor(props: any) {
super(props);
this.state = {
auth: true,
}
浏览 7提问于2022-01-14得票数 0
回答已采纳
在我的新应用程序中，我使用了React和NextJS。该应用程序具有html列表元素，该元素包含当页面活动时突出显示的项目。当您单击此列表中的项目时，您将转到另一个页面。查看分析器，我注意到列表中的所有元素都被重新绘制，尽管应该只有2个元素
在此组件中开始重绘
export const SidebarOrganizationsListItemLink: React.FC<SidebarOrganizationsListItemLinkProps> = (props) => {
const { className: classNameProp, data: { org
浏览 0提问于2020-10-08得票数 0
3回答
ReactJS新手。使用。
问题：
我有一个容器(React.Component)，它从redux-saga中执行的异步调用中接收数据。当数据存储到状态中时，容器会按照ReactJS的预期进行更新。数据被传递给两个不同的子组件，这两个子组件使用数据呈现图表。问题是，当一个组件使用的数据发生更改时，整个视图都会刷新，这意味着另一个组件会重新呈现。
代码:容器
export class Social extends React.Component {
render() {
return (
<div>
<SocialChart data={
浏览 2提问于2016-11-03得票数 3
我是第一次接触react-native。因此，我有一个名为Task的自定义组件，并将一些数据存储在AsyncStorage中。我已经检查了数据确实是通过另一个组件/模式存储在AsyncStorage中的。但是，当我试图从AsyncStorage (参见下面的代码)取回该数据时，它没有显示任何内容。我的自定义组件可以很好地显示数据，只是无法从AsyncStorage获取/显示数据。我是不是做错了什么？请帮帮我。 在render()函数内部/从render()函数内部调用： <Task name={async ()=>await AsyncStorage.getItem('
浏览 55提问于2019-08-26得票数 0
我的问题是如何在服务器端正确设置与客户机上的react.js连接的路由。
我正在开发一个构建在上的应用程序，我正在与集成它。该应用程序将需要多条路线。我的主要问题(到目前为止)是，我预期会有很多服务器端api调用使用它们各自的(安全)密钥。打电话来就像
Meteor.http.call("GET", "http://search.twitter.com/search.json?q=perkytweets");
显然，出于安全考虑，这些服务器端应该是服务器端。然后，我将处理服务器上的数据，并传递所需的响应，然后在DOM上呈现。
似乎并不理想，尽管它似乎是Meteo
浏览 1提问于2016-05-04得票数 1
2回答
反应元件的再利用
、、
我正在使用function，我正在尝试重用一些代码，因为我必须在每个页面上放置一个按钮；所以我将它声明为另一个组件上的函数，并试图在我的一个页面上调用它，但是我得到了一个错误：
Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.
我有一个组件：
浏览 2提问于2020-07-16得票数 0
回答已采纳
我在使用反应性路由器-dom V5，
在组件中，在呈现时，我必须显示一个按钮，该按钮将将我重定向到另一个组件布局：
我已经说过：
import React, { Component } from 'react';
import DashboardLayout from "../../views-layouts/DashboardLayout";
import { BrowserRouter , Switch ,Route , Link } from 'react-router-dom';
import { useHistory } from &#
浏览 2提问于2021-06-08得票数 0
回答已采纳
我有一个React组件。一些元素将通过子元素插入。其中一些元素将具有特定的类名。如何在最外层的组件中获得这些DOM节点的列表？
<MyComponent>
<div classname="snap"/>
<p></p>
<div classname="snap"/>
<p></p>
<div classname="snap"/>
</MyComponent>
我想知道的是在我的组件中插入了多少类名为"snap“的
浏览 1提问于2017-03-08得票数 25
回答已采纳
您好，我正在使用这个包作为组件，它是shwos和get vlaues，但是我如何从根组件中获取输入值。 在根页面中 从'../../components/AnimatedVerification/AnimatedVerification'；导入AnimatedVerification 在这段代码中，所有的代码都来自这个示例 我只想从根组件中获得这4个数值，如何制作它。谢谢 Expo ? /* */
import {Animated, Image, SafeAreaView, Text, View} from 'react-native';
import
浏览 11提问于2021-02-04得票数 0
我正在使用带有typescript的React15。下面是我的代码：
const WrappedComponent = (WrappedComponent: React.ComponentType<any>) => (<WrappedComponent className="my-class" />);
WrappedComponent(<div />);
我定义了一个接受任何react组件的WrappedComponent方法。然后，我调用传递了<div />元素的方法。但是我得到了下面的错误：
Argument of
浏览 32提问于2018-08-17得票数 1
我使用的是react-hook-FormV7.14.2，我使用的是Material-UI复选框，它可以由用户手动选中，也可以根据某些输入的值自动选中。这个可以正常工作。 问题是，在提交表单时，如果通过逻辑选中了复选框，则根据某些输入的值，发送到后端的值将为false。如果用户手动选中该复选框，则将发送正确的值。如果选中-，则为-True。 我在react-hook-form页面中阅读了从V6迁移到V7的文档，就像我以前使用V6一样，代码在那里工作。https://react-hook-form.com/migrate-v6-to-v7/ 我也在Stackoverflow中读过一些以前的答案，
浏览 14提问于2021-09-19得票数 0
回答已采纳
1回答
我是新来的React-Native。假设我在App.js中定义了变量，并使用Green.js作为按钮的类组件。如何从Green.js访问someBool？重点是使用状态来更改颜色，但状态必须根据我必须在App.js中定义的条件进行更改
App.js：
import Green from './components/Green.js'
export default class App extends Component{
render(){
let someBool; ....
Green.js：
import React, {Component} from
浏览 2提问于2020-01-16得票数 1
1回答
我正在尝试为我的组件TestComponent编写一个，以确保当用户单击按钮时会触发回调。但是，没有找到该按钮(尽管我可以通过调用console.log(wrapper.html())在HTML语言中看到它。
按钮在TestComponent中使用的另一个组件中，如果这很重要的话。
这是我的测试：
import React from 'react';
import expect from 'expect';
import { shallow } from 'enzyme';
import sinon from 'sinon';
i
浏览 2提问于2017-09-17得票数 5
回答已采纳
我刚刚创建了一个内部使用useState和useEffect的自定义钩子。
当我将这个钩子导入到另一个React组件中时，当自定义钩子中的状态发生变化时，调用它为ComponentA，ComponentA重新呈现。
当它使用的钩子返回新值时，ComponentA应该重新呈现是否正确？
请参阅代码中的注释，以获得更多的问题说明。
代码：
const ComponentA = props => {
const myValue = useMyValue();
// COMMENTS:
// Whenever myValue returns a new value, Compone
浏览 0提问于2019-05-28得票数 9
回答已采纳
我有一个组件，让我们调用屏幕，它导入一个包含搜索结果的组件。屏幕中的方法循环遍历对象数组，并为每个对象实例化新的搜索结果组件并将它们存储在数组中。
我刚开始做出反应，所以我的问题是，使用new关键字创建类扩展组件的实例是正确的，还是有正确的反应方式？如果是这样的话，在屏幕类中呈现这些组件的正确方法是什么，就像我在下面的代码段中所做的那样，似乎没有什么效果。
Screen.js -我已经削减了文件，以显示我正在做的事情
import React, { Component } from "react";
import { Text, View } from "react-n
浏览 0提问于2018-06-12得票数 3
回答已采纳
一旦this.setState()被调用，React组件是否会对其state进行一些检查，以查看state是否已更改。因此，在调用componentDidMount之后，将不再有一个协调阶段，如下面的代码所示：
// in constructor
this.state = {width: 0}
...
// in componentDidMount method
this.setState(() => ({ width: 0 }))
或者我需要手动执行这些检查，例如：
const width = getViewportWidth()
if (this.state.width !== wi
浏览 1提问于2018-01-05得票数 2
我有一个具有两个方法的模态组件，用于显示/隐藏该模态。如何从另一个组件调用这些方法？
这是Modal的代码：
// Dependencies
//==============================================================================
import React from 'react'
import Modal from 'boron/DropModal'
// Class definition
//===============================================
浏览 0提问于2016-07-07得票数 4
2回答
如果我们有一个React组件，让我们假设在另一个react组件中呈现的<App />。是否可以使用<App doSomething/>，以便在呈现函数之前调用函数doSomething？
很抱歉，在上面的问题上补充一下--我想在一个库的外部声明doSomething，这样我就可以在呈现React组件<App doSomething/>之前导入并调用它。
浏览 1提问于2019-10-18得票数 0
1回答
在我的react应用程序中，我似乎不能将状态值用作子组件的道具。
在父组件constructor中，应用程序具有名为selectedWarehouseID的空状态。
此状态(selectedWarehouseID)应该使用componentWillMount()方法中的一些信息进行更新。
现在，在父组件的render方法中，我嵌入了另一个将此状态作为道具的子组件。
<ItemChooser
productsByWarehouse = { this.state.selectedWarehouseID }
/>
现在问题是，在子组件中，this.props.productsByWa
浏览 3提问于2017-06-14得票数 1
回答已采纳
我在React组件中有一个数据存储监听器，在回调中设置状态。基于新状态下的参数，然后决定是否呈现该组件。
下面的代码实现了这一目标，但结果出乎意料：
shouldComponentUpdate() {
if (this.props.questionId == 4687760) {
console.log(!!this.state.didAnswersChange);
}
return !!this.state.didAnswersChange;
}
onQuestionStoreChange() {
let questionStoreData
浏览 3提问于2017-09-02得票数 0
回答已采纳
我有一个创建本地状态的react组件:一个查询标识符。此查询标识符是在创建组件时创建的，并且不是/不应该从组件的使用者传入。此状态仅在组件实例中使用，并且不在其他任何东西之间共享--因此，感觉在组件中作为本地状态是合适的，而不是存储在redux存储中。 react组件经由redux分派异步动作，并且当该动作完成时，结果被存储在由前述查询id索引的redux状态的集合中。 在React components mapStateToProps函数中，我希望从处于redux状态的查询结果集合中检索查询结果。然而，组件的查询id只在组件实例的本地状态中，因此显然不能从mapStateToProps访问
浏览 6提问于2019-06-21得票数 2
回答已采纳
这个例子模拟了抛硬币的过程。
我想随机化硬币的初始状态。第一次加载页面时，它可以显示标题。下一次，反面。为此，我使用一个由Math方法生成的随机数和一个条件，根据该随机数确定硬币的表面(偶数表示正面，奇数表示反面)。
该值需要在初始渲染时显示。
我还想使用React的Hooks将值存储在state中，以便稍后在我的应用程序中使用。如何使用钩子设置随机化的初始状态值？
这是我正在使用的代码。它目前不起作用，我不确定我做错了什么来实现我的目标：
import React, { useState } from 'react';
import './App.css';
浏览 3提问于2019-04-17得票数 2
我有两个组件：ParentComponent和ChildComponent。
ChildComponent有一个input[type="text"]元素，当它更改文本时，该事件通过事件change和onChange侦听器传播到ParentComponent。
下面的代码是一个更大问题的简化，这就是为什么您会在这里看到一些突出显示的需求。
，我的问题是，我需要在函数handleClick中触发change事件。我做了一些没有运气的实验。
这里有您可以试验的代码沙箱(请用您的方法提供一个分叉)：
这里有代码：
ParentComponent.js
import React fro
浏览 0提问于2018-12-28得票数 3
回答已采纳
我正在尝试通过另一个组件呈现一个按钮，以引用和/或影响另一个组件的状态。
var Inputs = React.createClass({
getInitialState: function(){
return {count: 1};
},
add: function(){
this.setState({
count: this.state.count + 1
});
},
render: function(){
var items = [];
var inputs;
for (var i = 0; i <
浏览 0提问于2014-01-11得票数 8
回答已采纳
因此，我正在为联系人表单制作一个ReactJS组件。现在，我想要创建一个方法，从JSX中的输入中获取值，然后在另一个文件中获取该方法从组件外部返回的值。这个是可能的吗？
我的组件文件：
//Inporting React.
import React from 'react';
//Creating the contactForm Component
class ContactForm extends React.Component{
render(){
return (
<form onSubmit={this.props
浏览 2提问于2022-05-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
