在React中使用多个按钮传递值
在React中使用多个按钮传递值，通常涉及到组件的状态管理和事件处理。以下是关于这个问题的基础概念、相关优势、类型、应用场景，以及可能遇到的问题和解决方案。
基础概念
在React中，按钮（<button>）是一种常见的用户界面元素，用于触发某种操作或事件。通过给按钮添加onClick事件处理器，可以在用户点击按钮时执行特定的代码。
相关优势
- 灵活性：可以根据不同的按钮传递不同的值，实现多种操作。
- 可维护性：通过事件处理器和状态管理，可以轻松地更新和维护代码。
类型
- 内联事件处理器：直接在JSX中定义事件处理函数。
- 类组件方法：在类组件中定义事件处理方法，并在JSX中绑定该方法。
- 函数组件钩子：在函数组件中使用钩子（如
useState）来管理状态，并定义事件处理函数。
应用场景
- 表单提交：多个按钮用于提交不同类型的表单数据。
- 导航：多个按钮用于导航到不同的页面或视图。
- 功能操作：多个按钮用于执行不同的功能操作，如播放、暂停、停止等。
可能遇到的问题及解决方案
问题1：如何在点击按钮时传递值？
解决方案：
- 使用内联事件处理器：
<button onClick={() => handleClick('value1')}>Button 1</button>
<button onClick={() => handleClick('value2')}>Button 2</button>- 在类组件中定义方法：
class MyComponent extends React.Component {
handleClick = (value) => {
// 处理点击事件
}
render() {
return (
<button onClick={() => this.handleClick('value1')}>Button 1</button>
<button onClick={() => this.handleClick('value2')}>Button 2</button>
);
}
}- 在函数组件中使用钩子：
function MyComponent() {
const handleClick = (value) => {
// 处理点击事件
}
return (
<button onClick={() => handleClick('value1')}>Button 1</button>
<button onClick={() => handleClick('value2')}>Button 2</button>
);
}问题2：如何管理多个按钮的状态？
解决方案：
- 使用
useState钩子：
function MyComponent() {
const [selectedValue, setSelectedValue] = useState('');
const handleClick = (value) => {
setSelectedValue(value);
}
return (
<div>
<button onClick={() => handleClick('value1')}>Button 1</button>
<button onClick={() => handleClick('value2')}>Button 2</button>
<p>Selected Value: {selectedValue}</p>
</div>
);
}参考链接
请注意，以上示例代码仅供参考，实际应用中可能需要根据具体需求进行调整。
相关·内容
2回答
材料界面反应
、、
我想弄清楚如何使用材料UI和React。
我已经安装了这个模块并尝试创建一个按钮组件。
我有：
Button.js
import React from 'react';
import FlatButton from 'material-ui/FlatButton';
const style = {
margin: 12,
};
const MyButton = () => (
<div>
<FlatButton />
</div>
);
export default M
浏览 2提问于2018-02-21得票数 2
我希望在map函数中单击的每个div上都有一个按钮切换，但是在整个潜水过程中，这些按钮只需一次单击就可以切换(我只想使每个按钮紧靠在我单击的div上，而不是所有的div) .........................................................................。..
import React,{Component} from 'react'
import './course.css'
import Downloadcourse from './../download/down.js'
i
浏览 2提问于2020-09-16得票数 1
回答已采纳
我正在尝试创建一个react应用程序，该应用程序显示了我使用react完成的基本项目列表。我试图归档的是，单击"Click“按钮时，它应该将当前组件(默认组件)替换为数据数组中相应的react组件(Project)。密码-
import React, { useState } from "react";
import Birthday from "./Birthday_src/Birthday";
import Tours from "./Tours_src/App";
const data = [
{
id: 1,
浏览 2提问于2022-06-21得票数 0
回答已采纳
2回答
我已经构建了几个通道作为React功能组件。它们是通过isModalOpen布尔属性在模态的关联上下文中显示/隐藏的。这样做效果很好。
现在，由于各种原因，一位同事需要我重构这段代码，而不是在更高的级别上控制模式的可见性。下面是一些示例代码：
import React, { useState } from 'react';
import Button from 'react-bootstrap/Button';
import { UsersProvider } from '../../../contexts/UsersContext';
impo
浏览 24提问于2019-11-14得票数 2
回答已采纳
我只有加法和减号按钮。如果我使用来自useDispatch的react-redux，它将更新redux状态。问题是，当我使用store.dispatch()时，它不会更新状态。
组件
import React from 'react';
import { SafeAreaView } from 'react-native';
import moment from 'moment';
import { FlatList, Text, View, Button } from 'react-native';
import { Card,
浏览 3提问于2021-09-13得票数 0
1回答
使用按钮更改父组件中的状态
、、、、
大家好，我是react的新手，我必须做一个教程，在这个教程中，我必须用一个按钮onClick函数来更改子组件的状态。目前，我正在使用父组件中的一个按钮来执行此操作，它可以工作，但现在我必须在其他子组件中使用call this按钮，而不是直接在父组件中调用该按钮来重新启动教程。
但我不知道我该怎么做。我对每一个建议都很满意。
class Child extends React.Component {
constructor (props) {
super(props)
this.state = {
run: this.props.run,
stepIn
浏览 9提问于2020-06-02得票数 0
回答已采纳
2回答
我是ReactJS的初学者，我想做这个小任务。使用ReactJs，Hook，Functions而不是Class。
一个简单的购物清单：
一个卡片，在每个列表项旁边有一个无序列表，一个按钮删除，一个输入字段添加更多的条目，一个按钮包含添加函数
到目前为止我就是这么做的。但不起作用。当我在add上单击时，项目不会添加到列表中.
App组件：
import './App.css';
import ShowList from "./componenten/ShowList";
import AddList from "./componenten/AddList&
浏览 4提问于2022-03-21得票数 0
回答已采纳
4回答
我有一个(Jest)测试来确定按钮是否存在：
it('renders a signup button', () => {
expect(sut.getByText('Sign up for free')).toBeDefined()
})
这个测试是因为组件中有一个按钮和标题“注册免费”文本。
可以在按钮中添加一个react-testing-library，但我更愿意遵循模拟用户行为的testid原则。
我觉得这是合法的用户会想“点击按钮标签‘注册为免费’”。在这种情况下，指定HTML元素的类型是有意义的，因为对于用户来说，<butto
浏览 1提问于2019-10-16得票数 33
回答已采纳
我有一个用按钮加载一些数据的组件。我有一个通过ID获取按钮的函数，并将状态/变量更新为该按钮值，然后根据该值加载数据。但是，因为所有的按钮ID都是相同的，所以它只对第一个按钮有效…… 我不确定如何为每个按钮设置唯一did，因为它们是通过map()函数生成的，即使我知道，我也不确定我的函数如何在不为每个按钮编写函数的情况下针对每个按钮…… 编辑:我现在已经为按钮设置了唯一的I，还需要解决其他问题。 return member.map((player, index) => (
<>
{" "}
<React.Fragme
浏览 43提问于2021-07-20得票数 0
下面是一个父组件(Cart)和一个子组件(CartItem)。
在父中，有一个依赖于通过道具传递给子节点的checkAvailability函数所改变的状态的button，
import {useState} from "react";
import CartItem from "./CartItem";
const Cart = ({cart}) => {
const [available, setAvailable] = useState(true);
const checkAvailability = (check) =>
浏览 1提问于2021-06-13得票数 1
我正在使用ReactJS，我正在尝试在每个页面上显示我的不同路线(显然)。
因此，我在我的index.js中配置了不同的路由，使用react router@V6。我可以通过在URL中直接输入链接来访问我的页面，并查看内容(暂时是一个简单的文本)。
但由于某种原因，我无法显示我的资料UI抽屉(在每页)。然而，我在BrowserRouter中给我的抽屉打电话。我想我错过了一些重要的事情。
下面是我创建抽屉的代码：
//src/pages/navigation/menuDrawer.js
import {React, useState, useEffect} from 'react'
浏览 1提问于2022-03-18得票数 0
回答已采纳
1回答
反应主题风格
、、、
我正在尝试将主题道具传递到我的组件中，因为我希望将多个样式分配给我的按钮组件，并且我希望能够选择是将按钮与主类还是主白色类一起使用。
这是我的代码：
import React from "react";
import CSSModules from "react-css-modules";
import classNames from "classnames";
import styles from "./Button.module.sass";
export type ButtonTheme =
| "pri
浏览 0提问于2017-07-25得票数 1
我使用useNavigate转到组件，当我单击一个按钮时，需要将数据(状态)传递给这个ChatRoom组件。组件在路由/chatroom上。我正在使用React路由器Dom v6。我看过文档，但找不到我要找的东西。
export default function Home() {
const [username, setUsername] = useState("");
const [room, setRoom] = useState("");
const navigate = useNavigate();
const handleClick
浏览 3提问于2022-03-07得票数 3
回答已采纳
我正在创建一个站点，使用的是React中的moviedatabase。()
我已经创建了一个按钮，用户可以单击该按钮将他们正在查看的电影的id添加到存储在本地存储中的电影id数组中。
在“观看”页面上，我可以通过声明索引号电影从数组中获取1部电影的信息，但我希望映射/循环存储在本地存储中的所有in。我该怎么做？
import React, { useState, useEffect } from 'react'
import Axios from 'axios'
import Moviedetails from './Moviedetails&#
浏览 1提问于2020-08-23得票数 0
回答已采纳
1回答
用下拉和单选按钮构造动态表单
、、、、
我正在尝试构建一个动态表单react，当接收到来自api的数据时，它会自动填充组件，在这里，我能够根据从api响应中接收到的内容来显示和呈现组件的n个下拉列表和单选按钮，但我仍然希望传递从from on onSubmit()函数中选择的数据。在收集数据方面，我面临着一定的挑战，因为我使用的是rfce，我可以获得单个选择的数据，而我需要一个集体的选择数据。下面是我的密码。
，这是主要的卡组件。，它负责获取api，并根据类型将道具传递给下拉和单选按钮的子组件。
import React, { useEffect, useState } from "react";
import {
浏览 2提问于2022-03-30得票数 0
3回答
我正在构建一个React应用程序，我有一个符合以下逻辑的代码：
class ComponentTest extends Component {
state = {test: 0}
testingHandler = () => {
console.log(this.state.test)
}
updateHandler = () => {
let test = Math.random()
this.setState({test})
this.testing()
}
render () {
浏览 10提问于2020-06-29得票数 1
回答已采纳
我在用react做一个按钮发生器。
因此，当用户单击get代码时，它将得到outerHTML of 绿色按钮(Whatsapp按钮)。但在反应中，我所知道的元素是使用ref。问题是绿色按钮不同组件与获取代码按钮。
这是我的密码。
import React from 'react';
import ButtonCanvas from '../containers/buttonCanvas';
import ButtonGroup from './buttonGroup';
import SectionHeading from '../
浏览 2提问于2018-02-14得票数 1
回答已采纳
2回答
这是我的按钮组件：
import React from "react";
import { useNavigate } from "react-router";
import { KeyboardArrowLeft } from "@material-ui/icons";
import { Button } from "@mui/material";
import "./Buttons.css";
export const BackButton = () => {
const navigate = us
浏览 10提问于2022-06-17得票数 0
我在我的一个React组件中有一个表单，在调用它的外部组件中，我想在那里传递一个对按钮的引用，这样我也可以使用那个按钮提交它。
为了更清楚地说明，我有以下几点：
import React, { Component } from "react";
import ReactDOM from "react-dom";
class CustomForm extends Component {
render() {
return (
<form onSubmit={alert('Form submitted!')}>
浏览 2提问于2018-09-30得票数 40
回答已采纳
我正在尝试创建一个自定义单选按钮。我面临的问题是，当另一个单选按钮被单击时，我无法取消选中该单选按钮。目前，它的行为就像一个复选框。
import {React, ReactDOM} from '../../shared/lib/react';
export default class RadioButton extends React.Component {
constructor(props) {
super(props);
this.state = {
checkedRadioBtn: false
浏览 0提问于2016-04-27得票数 1
回答已采纳
2回答
在这里，我正在学习 of react，在，我不能理解一些东西，如果我不理解它，我就不会理解这门课程的其余部分。有人能帮我用一个例子来说明这是什么意思吗？
工具栏组件必须采用额外的“主题”支柱。
并将其传递给ThemedButton。这会变得很痛苦
如果应用程序中的每个按钮都需要知道主题
因为它必须通过所有组件。
class App extends React.Component {
render() {
return <Toolbar theme="dark" />;
}
}
function Toolbar(props) {
// T
浏览 2提问于2019-11-14得票数 1
回答已采纳
2回答
我正在构建一个应用程序，我想使用React导航来浏览页面，我现在有两个，HomeScreen和Contact，我以一种形式构建，所以我不得不像头一样将不同的组件导入到app.js中，我把按钮作为一个带有TouchableOpacity属性的图像在ContentContainer组件中导航。
这导致我无法将导航按钮的param传递给app.js，当我按下一个按钮时，会得到以下错误：
TypeError:未定义不是对象(计算'this.props.navigation.navigate')
这些是涉及导航的组件：
App.js:
import React, { Componen
浏览 1提问于2020-10-12得票数 0
回答已采纳
我对React和React-native是相当陌生的，我正在努力理解如何更新return方法中的变量。
目前这是我的代码
import React, { Component } from "react";
import { View, StyleSheet, Platform, Text, Button } from "react-native";
export default class App extends Component<{}> {
constructor() {
super();
this.handleClick
浏览 0提问于2018-07-14得票数 3
回答已采纳
我有一个react-three-fiber应用程序，我使用OrbitControls作为我的相机控制。
我想使用屏幕上的按钮手动，放大/缩小，但是我的代码无法工作。
我希望这些按钮的工作方式与鼠标中间按钮与OrbitControls的工作方式相同。有人知道如何使用React来完成这项工作吗？
我试着用useThree()钩子改变相机的位置，但是它不像我想的那样工作。
谢谢。
浏览 30提问于2022-03-31得票数 1
回答已采纳
1回答
我有一个父组件，它有两个不同的按钮触发子组件，这是一个模式，它必须显示它内部的不同内容，这取决于哪个按钮触发了Modal。这两个组件都是功能组件。子Modal应该通过父母的道具接收触发按钮的值。该按钮的名称是一个数字，它对应于在子组件中定义的数组中的对象索引。
当我console.log道具，我看到他们被传递到模态三次。当第一次通过道具传递按钮的值时，它就从第二和第三段的道具中消失了，我收到了一个错误，上面写着TypeError:无法读取未定义的属性'inf1‘。
我不明白为什么道具要经过三次，为什么按钮的值在第一次之后从道具中消失。
这是我的代码：
父级：
import React,
浏览 2提问于2021-01-26得票数 1
回答已采纳
1回答
我正在尝试使用手动道具比较的React memo功能来优化我的React列表渲染。我已经生成了一个简单的“切换”按钮列表：
import React, { useState } from "react";
import "./styles.css";
import { Toggle } from "./Toggle";
export default function App() {
const [list, setList] = useState({ a: true, b: true, c: true });
const handleC
浏览 16提问于2020-05-14得票数 1
回答已采纳
1回答
我知道这应该很简单，但是当单击按钮时，我很难从下面的按钮显示API调用中的数据。当我在单击时加载API数据时，它起了作用，但是由于调整了逻辑以加载页面上的API数据，然后在单击按钮时显示它，所以尽管没有错误，我还是无法让它显示出来。
我做错了什么？
import React, { useEffect } from "react";
import { Button } from "@mui/material";
import rsLogo from "./logo-with-name.png";
import "./App.css"
浏览 2提问于2022-07-22得票数 0
2回答
您好，我正试图在单击按钮时更改状态，并且仅当状态更改时运行createBattle()，但在单击按钮后状态不会更改。
在开始时，我将状态设置为false。该按钮位于事件onClick=为{this.handleClick}的Form.js中。然后，事件handleClick应该将状态设置为true，并且当状态发生变化时，Battle.js中的createBattle()应该呈现该表。
请告诉我我做错了什么？
谢谢
App.js
import React from "react";
import Titles from "./Components/Title";
浏览 0提问于2018-10-24得票数 0
我在我的React应用程序中编写了一个Logout按钮组件，我希望它位于屏幕的右上角。
render() {
<LogoutButtonComponent height: , backgroudColor: />
}
它不会让我为高度等赋值。
这是注销组件：
import React, { Component } from 'react';
import PropTypes from 'prop-types';
export default class LogOutButton extends Component {
static con
浏览 4提问于2018-12-09得票数 0
我试着用ReactJS + Material做我的第一个应用，但没有成功。
我唯一想做的就是，当我在酒吧的按钮上点击，显示一个左抽屉。
我有以下代码(App.jsx)：
import React from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import lightBaseTheme from 'materi
浏览 0提问于2016-07-18得票数 4
回答已采纳
在Javascript和Typescript中，(箭头)函数被认为是一等公民。因此，我希望在我的React状态下可以有函数类型。然而，React Hook useState似乎不能很好地处理函数类型。
我有以下代码：
import React, { useState } from "react";
function callApi(num: number): number {
console.log(`Api called with number ${num}. This should never happen.`);
return num;
}
type Comm
浏览 0提问于2020-06-29得票数 0
这是父组件的代码。它有一个按钮，也包含一个子组件。
我的问题是:当prop的值发生变化时，React是否能够发送state？如果没有，那么当状态发生变化时，我需要做什么才能发送支柱呢？
虽然组件在状态改变后会重新呈现，但我不得不单击该按钮两次才能看到文本中的更改。
如何使其与父组件中的状态变化同步进行？
父组件代码：
class ParentComponent extends Component {
constructor(props) {
super(props);
this.state = {
浏览 0提问于2018-10-07得票数 0
回答已采纳
1回答
我想为react表中的每一列创建一个单独的按钮，以便进行排序和过滤，类似于下面给出的图片。
我能够使按钮工作，但是每次我试图点击按钮时，列都会被排序。
这是
如果我要删除column.getSortByToggleProps()，那么onClick()事件就不会在按钮上工作。
即使在使用升序按钮单击sortBy(id, false, false)时，也无法实现排序，这是抛出错误。
我想让它做什么。
单击过滤器图标时，不应该对列进行排序。
当您单击组件中的按钮时，它应该对列进行排序，而不是在标题标题上排序。
当您从过滤器中选择一个复选框时，组件应该保持打开状态。
浏览 12提问于2022-03-21得票数 2
我在React Material UI中使用useState inside对话框。 我使用useCallBack函数，如下所示。 const [count,setCount] = React.useState({
count: 0
})
const countCallback = useCallback(
() =>
setCount({
...count,
count : count.count + 1
}),[setCount,count]) 在ChildComponent中点击递增按钮执行此回调时，显示递增的数字。 但当我关闭对话框并
浏览 26提问于2020-01-01得票数 0
回答已采纳
1回答
未立即更新的状态
、、
未立即更新React状态。我想在播放按钮上立即更新状态。
import * as React from "react";
import { Button } from "react-native";
export default function Play() {
const [player, setPlayer] = React.useState(1);
function nextPlayer() {
setPlayer(2);
updateValue();
}
function updateValue() {
if (
浏览 1提问于2021-02-15得票数 0
回答已采纳
1回答
我使用react-native、native-base和react-native-modal依赖项。我得到了一个Home活动，其中有一个带有按钮的头部，可以打开一个Modal。
但我还是想不出该怎么做。使用本机基础按钮组件，每当我将onPress事件绑定到我的showModal()函数时，它就会声明“变量showModal不存在”，如果添加this.showModal()作为替代，则会在iOS模拟器中抛出一个stack limit exceeded红色背景错误。
这是我的父组件：
import React, { Component } from 'react';
import
浏览 9提问于2017-05-06得票数 1
回答已采纳
当使用react-navigation并添加headerRight按钮时
...
class Screen extends React.Component {
static navigationOptions = {
headerRight: (
<TouchableOpacity>
<Icon .../>
</TouchableOpacity>
)
}
render() {
return (
<View />
)
}
}
然后我想让这个按钮具有动
浏览 0提问于2018-04-14得票数 0
已设置路由的父组件中有两个子组件。Child1组件的按钮更新父组件的状态，我希望将该状态的更新版本作为支持传递给child2组件。问题是，尽管状态显然在父组件中更新(我检查过它)，但它没有传递给child2组件(取而代之的是旧版本的状态传递)。我认为这是因为getdData函数(在父组件中)在呈现child2组件之后执行。我如何解决这个问题，这样才能通过正确的状态？
下面是代码：
父组件：
import './App.css';
import Questions from './components/questions';
import DropDownDiff
浏览 2提问于2021-07-19得票数 2
回答已采纳
1回答
我们开发了一个具有React功能组件风格的可重用的表状组件。该表使用React.useReducer保存、管理和验证其状态。在每一行中有几个输入字段、复选框和操作按钮，用于修改行/表状态。
现在，GUI中的其他位置(不是表的子项)中有一个Save-Button。如何从表中检索状态，以便将其(与其他一些数据一起)发送到REST-Endpoint以进行持久化？
我们的实际解决方案是一个回调函数，它将被设置为桌面上的一个道具。此函数在每次呈现后从table-component内部调用，以发布当前状态的副本。现在，此回调函数的所有者获取并保存此数据，以便在Save-Button的作用域中可用。
<
浏览 13提问于2020-08-01得票数 0
回答已采纳
1回答
当提升状态时卡住在反应本地
、、、、
为了学习目的，我创建了一个示例react应用程序，因为我遵循了独立组件的层次结构：
<RadioButton>
//Radio buttons are rendered here and selection of radio buttons are maintained in state of this component
</RadioButton>
<SelectCard>
<RadioButton dataToPopulate = ['choice A', 'choice B'] />
<
浏览 0提问于2019-01-01得票数 1
回答已采纳
我使用React已经有一段时间了，昨天我在一个基于Typescript的项目中接触到了我的脚。在重构之前，类有这样的状态： interface INavItemProps {
route: IRoute;
}
interface INavItemState {
toggleStateOpen: boolean
}
class NavItem extends Component<INavItemProps, INavItemState> {
constructor() {
this.state = { toggleStateOpen: false };
浏览 18提问于2019-02-19得票数 4
回答已采纳
对不起，我的英语 我写了一个用于在数组中推送JSX元素的函数，并返回： import * as React from 'react';
import { View, Text } from 'react-native';
import { Button} from 'react-native-paper';
const buttonLoop = () => {
const items = []
for (var i = 1; i <= 2; i++) {
items.push(<Button
浏览 8提问于2020-07-24得票数 0
回答已采纳
我正在创建一个取取表，其中一段数据可以输入到文本字段中，或者通过字段旁边的一个按钮随机生成。
我想对表单上的3个字段执行此操作，因此我创建了一个名为<RandomDataButton />的组件
我一直在讨论如何确保按钮组件所做的计算结果更新文本框的值，以便表单提交包含生成的数据。
我不完全理解状态传播，但我真正理解的是，流是一种方式，向下的组件层次结构。
因此，我想要做的是选择在文本框中输入一些数据，或者从一个按钮中生成一些随机数据(我希望在其他ui创建中重用它)。
我被困的地方是如何从层次结构中较低的组件集中更新输入字段。
我是否将状态传递给随机化按钮，然后让它更新状态的副本？
浏览 1提问于2019-06-12得票数 0
回答已采纳
我写了我的代码。 单击按钮A时，显示AAA。或者单击按钮B，出现BBB，单击按钮C，出现CCC。 // Main > RightMain.js
import React, { useState } from 'react'
function RightMain() {
const [screen, setScreen] = useState('');
const A = () => {
setScreen('A')
}
const B = () => {
se
浏览 15提问于2020-12-27得票数 0
回答已采纳
我已经研究了很长一段时间，但没能找到解决办法。我有一个火锅箭头切换在几个按钮，我试图让他们切换。开关是工作的，但他们都在同时切换。如何将其与单击的组件隔离？
我的例子很大，但是我添加了这些按钮，这些按钮具有相同的功能。因此，在本例中，我只希望单击按钮来切换开始/停止文本。
class Button extends React.Component {
constructor() {
super();
this.toggleState = this.toggleState.bind(this);
this.state = {
isActive : fal
浏览 1提问于2017-05-24得票数 0
回答已采纳
我有一页。屏幕如下
import React, { useState } from "react";
import { Button, Text, View } from "react-native";
export default function ViewA() {
const [val, setVal] = useState('')
return (
<View>
<Text>{val}</Text>
&l
浏览 3提问于2021-02-21得票数 0
回答已采纳
在Material UI中，我想在我的按钮上设置borderRadius。传递style属性似乎对FlatButton有效，但对RaisedButton无效。
对于RaisedButton，borderRadius应用于父<div> (这是必需的)，但不应用于<button>本身(这也是必需的)
这是Material UI中的错误吗？或者，这种行为是故意的？如果它是故意的，那么我如何制作一个圆角的RaisedButton？
import React from 'react';
import RaisedButton from 'material-
浏览 2提问于2016-01-14得票数 4
回答已采纳
我刚刚从React开始，并试图通过创建一个简单的页面来练习，该页面有一个按钮，在单击时显示Modal组件。但是我遇到了一个错误:太多的重呈现。React限制呈现的数量，以防止无限循环。我塞在那里，我找不到出什么问题了。
有人能帮帮我吗？
Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import View from './View'
ReactDOM.render(
<React.StrictMode>
<View /&
浏览 2提问于2021-03-26得票数 0
回答已采纳
我是新来的反应。
我一直在试验如何使用道具来传递数组。
案例-1：
var c = ['program'];
var Navigation = React.createClass({
getInitialState: function () {
return {
openDropdown: -1
};
},
getDefaultProps: function () {
return {
config: ['everyone']
浏览 3提问于2015-08-07得票数 62
回答已采纳
我很难将状态从子组件ConceptTabs.js传递到父组件App.js，然后再传递到另一个子组件Audio.js
我有一个具有如下结构的react应用程序：
src/
App.js
components/
header.js
Audio2.js
ConceptTabs.js
App.js
import React from "react";
import Header from "./components/header";
import ConceptTabs from "./components/ConceptT
浏览 3提问于2022-01-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
