React js中的按钮数组
是指在React框架中使用数组来动态生成一组按钮的方式。通过使用数组，可以方便地根据数据的变化来生成不同数量的按钮，并且可以灵活地控制按钮的样式和行为。
在React中，可以使用map函数来遍历按钮数组，并根据数组中的每个元素生成对应的按钮组件。例如，假设有一个按钮数组如下：
const buttons = [
{ id: 1, label: '按钮1', onClick: () => console.log('点击了按钮1') },
{ id: 2, label: '按钮2', onClick: () => console.log('点击了按钮2') },
{ id: 3, label: '按钮3', onClick: () => console.log('点击了按钮3') },
];可以使用map函数来生成按钮组件：
const ButtonArray = () => {
return (
<div>
{buttons.map((button) => (
<button key={button.id} onClick={button.onClick}>
{button.label}
</button>
))}
</div>
);
};上述代码中，通过map函数遍历按钮数组，为每个按钮生成一个button组件，并设置按钮的key、onClick和label属性。最终，会生成一个包含所有按钮的div元素。
按钮数组在React中的应用场景非常广泛，特别是在需要根据数据动态生成按钮的情况下。例如，在一个表单中，可以根据后台返回的数据生成不同数量的按钮，每个按钮对应不同的操作。又或者，在一个导航栏中，可以根据用户的权限动态生成不同的按钮，每个按钮对应不同的功能。
对于React开发者来说，掌握按钮数组的使用方式可以提高开发效率，并且使代码更加灵活和可维护。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动应用分析（MTA）：https://cloud.tencent.com/product/mta
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
相关·内容
在我用Android安装的中，我使用redux--持久化来持久化状态，存储引擎是AsyncStorage。在应用程序中，我有一个“添加”按钮和一个“删除”按钮，它从状态中添加和删除一个项目。
“添加”按钮工作正常，它将一个项添加到状态，屏幕将被重新呈现。但是'remove‘按钮从状态中删除了一个项目(我在上看到了它)，它不会重新呈现屏幕并保持状态。但是不同版本的代码起作用。
我想知道为什么以前的版本不起作用。这是我的还原机功能：
//reducer.js
import React from 'react';
const initialState = {
ke
浏览 1提问于2020-09-20得票数 0
回答已采纳
当我单击“特定”按钮重定向到该页时，该页没有显示内容。
当我选中View => Developer => Developer Tools => console时，它会在下面显示错误文本：
Uncaught : items.map不是ShoppingCart.js:6:1的一个函数
在mountMemo (react dom.Development.js:15846:1)
在Object.useMemo (react dom.Development.js:16219:1)
在useMemo (react.development.js:1532:1)
在ShoppingCart
浏览 12提问于2022-10-05得票数 1
回答已采纳
1回答
我在react上是新手，尝试根据数组添加类，但是当我单击另一个按钮时，活动类应该停留在最后一个按钮类中，但我对此没有任何线索。
class Child extends React.Component {
render(){
return(
<button
onClick={this.props.onClick}
className={`initClass ${this.props.isClass}`}>
{this.props.text}
</button>
)
}
}
class Par
浏览 0提问于2017-11-24得票数 1
回答已采纳
我正在学习ReactJS，我正在尝试构建一个按钮网格，这些按钮可以单独选择/取消选择，一旦我按下提交按钮，我就可以收集按下的按钮。我应该如何以ReactJS的方式构建它呢？所有的按钮都应该有相同的尺寸。
一个额外的问题:我如何使用‘按住’事件来选择多个按钮，同时移动鼠标在它们上面？
App.js
import React from 'react';
import Grid from '@mui/material/Grid';
import { styled } from '@mui/material/styles'
浏览 1提问于2021-12-31得票数 0
回答已采纳
1回答
在下面的程序中，当我单击任何按钮时，另一个按钮也会重新呈现，即使我已经使用了React.memo()。此外，只有其他按钮得到重新呈现，而不是其他计数。为什么？我有这样一个父组件：
import React, { useState } from 'react'
import Count from './Count'
import Button from './Button'
import Title from './Title'
function ParentComponent() {
const [age, setAge
浏览 2提问于2021-01-25得票数 1
我还在尝试React JS。因此，我希望能够使用单个按钮在react js中隐藏和显示组件。我已经尽了最大的努力看了视频。如果我想使用两个不同的按钮，但又想使用同一个按钮，我可以这样做。只需一个按钮即可隐藏或显示组件。到目前为止，当我单击按钮时，它会显示组件，但当我再次单击它以隐藏相同的组件时，我似乎无法使其工作。 因此，"Addbirth“是我导入的组件的名称，当我单击按钮"ADD BITHDAY”时，它是我想要显示的组件，而当我单击同一按钮时，它是隐藏的。 到目前为止，我的代码如下： import React, { useEffect, useState } from &
浏览 72提问于2021-06-30得票数 0
回答已采纳
我有一个简单的应用程序，不想使用道具等，因为我只是学习反应，并希望保持事情简单。该应用程序有一个按钮，当按钮(“显示详细信息”)被单击时，按钮下会显示一条消息，并且按钮将变为“隐藏详细信息”。单击隐藏详细信息后，消息将消失。这个应用程序工作到这一点，但我需要它来回切换，即每次点击按钮时，消息要么显示，要么隐藏，按钮上的文本也会发生变化。
const app = {
title: 'Visibility Toggle',
toggleOptions: ''
};
const hideDetails = () => {
app.toggleO
浏览 29提问于2020-03-11得票数 0
1回答
单击单选按钮时，它会将值从0更改为1，反之亦然。
这是通过两个组件Test.js和Graph_Test.js完成的。
Test.js是创建单选按钮和填充数组的地方。例如，当按单选按钮1时，我希望它将array1中的值从0更改为1或1改为0。
因此，只要按下单选按钮，它就会动态地改变阵列。
然后使用这个数组在Graph_Test.js中构建一个图，这取决于在它旁边有一个值的索引将在图上生成相应的行。
例如，如果数组= 0, 1 ,0,0，将为区域1绘制一条线。因此，随着这个数组的动态变化，图形上的线条也会发生变化。
我在测试我的代码。在Graph_test中，我已经输出了数组，当单击单选按钮时，
浏览 0提问于2020-04-12得票数 0
回答已采纳
1回答
所以我有4个按钮，4种不同的颜色和10个正方形，应该有最后10次点击按钮的颜色。 我在redux状态上映射以显示正方形。我还将squareColors存储在localStorage中。 当我单击一个按钮时，状态会更新，因此我应该立即看到方块中颜色的变化。但是，只有在刷新页面时才会发生这种情况。当我单击按钮时，我的App.js组件不会重新呈现。 为什么？ App.js： import React from 'react';
import { connect } from 'react-redux';
import { setColors } from '
浏览 7提问于2019-06-03得票数 0
回答已采纳
编辑:这个问题已经解决了。在Menu.js中，我编写了“导出默认MenuChoise;”。
我是新来的。对我来说，下面的代码应该生成两个按钮，一个带有文本“”，另一个带有文本“”。相反，我只得到一个没有文本的按钮。为什么？
index.js：
import React from 'react';
import ReactDOM from 'react-dom';
import Menu from './pages/Menu';
ReactDOM.render(
<Menu text1="Show content" te
浏览 1提问于2016-03-16得票数 0
回答已采纳
我有一个具有背景色orange的按钮，然后子元素被标记为red。当我点击橙色区域时，我得到了我想要的结果(元素的ID )，但是当我点击red区域时，我没有得到ID (或目标元素)。
如何将子元素封装在按钮中，以便如果我单击按钮中的任何位置，就会得到相同的ID (按钮元素)。
const Example = () => {
return (
<button
id="01"
style={{ backgroundColor: "orange", padding: "40px" }}
浏览 4提问于2020-05-16得票数 1
回答已采纳
1回答
react.js中的组件库
、、、、
我正在使用React.js和scss创建我自己的组件库，它可以跨多个react项目使用。我正在使用webpack来捆绑组件。我已经模块化了我的模块，以便专门导入单个组件。
import Button from '@myModule/button';
当我把它们和webpack捆绑在一起时，我得到了css和js的分离。因此，在消费应用程序中，我必须全局导入main.css文件，并单独导入按钮组件。我是否可以将按钮相关样式(button.scss)也绑定到button.js文件，这样，导入按钮组件时将在其中定义其样式。
浏览 16提问于2020-07-30得票数 0
我有两个不同的文件：HomeScreen.js和ModalWidget.js。第二个文件包含模式对话框窗口的实现，我需要通过单击主屏幕上的按钮来调用这个小部件。此外，这种模式必须有能力关闭自己的按钮在它。我试图使用全局状态挂钩，但它给了我一条错误消息：Invariant Violation: Invalid Hook call。那么，我如何从主屏幕上调用这种模式呢？
ModalWidget.js
import React, { useState } from 'react';
import { Text, Button, Modal } from 'react-nati
浏览 3提问于2020-04-10得票数 0
回答已采纳
我一直在试图了解取消订阅(useEffect中的回调)何时会被准确调用。
这是代码链接：代码：
const { useState, useEffect } = React ;
function App() {
const [count, setCount] = useState(0);
// Similar to componentDidMount and componentDidUpdate:
useEffect(() => {
// Update the document title using the browser API
document
浏览 5提问于2019-12-05得票数 5
回答已采纳
我需要用index.js将所选语言的数据导入到app.js
我的index.js
import { IntlProvider, addLocaleData } from 'react-intl'
import en from 'react-intl/locale-data/en'
import fr from 'react-intl/locale-data/fr'
import english from '../popup/localMessages/en'
import french from '../popup/loc
浏览 3提问于2018-04-11得票数 0
回答已采纳
2回答
如何在按钮点击时创建卡片？
、、、、
我已经学习了几天的React JS。它非常有趣，简化了JavaScript，至少我是这么看的。我目前的目标是创建一个按钮，当单击该按钮时，将创建一个在卡中生成随机数字的新卡。 我不知道如何为它添加onClick=功能，让它以我所设想的方式工作。目前，我已经在我的index.js文件中编写了按钮的代码。index.js是我的主文件，它是我的应用程序组件所在的位置。我看到人们使用一个名为App.js的文件，不知道为什么，但这是稍后的另一个问题。 目前，我的按钮的样式如下所示。 const App = () => {
return (
浏览 79提问于2021-03-02得票数 0
回答已采纳
我正在尝试开发一个有两列的组件:一列可以向列表中添加内容，另一列可以查看/修改已经添加的项。我想创建一个使用splice(index, 1)从列表中删除元素的函数，但是，它总是删除从索引到结尾的元素。我开始调试它，但我有一个无法解决的问题。我将一个函数作为prop传递，该函数用于记录处于父组件状态的所有元素。下面是我的代码： const ElementCreator = () => {
const [elements, setElements] = useState([]);
const addElement = () => {
const elementsSl
浏览 28提问于2021-09-20得票数 0
我是新的反应，我试图构建一个应用程序，添加了一些项目已由用户在一个文本文件中输入，并显示在那里，当一个按钮被点击。此外，当他想要删除项目时，他只需单击按钮并删除它们。这基本上是一款应用程序。我用了一个钩子，useState来改变那些状态。我在其中有3个文件: index.js，只是为了呈现app.jsx，那里什么也没有。App.jsx和ToDoList.jsx
App.jsx
import React, { useState } from 'react';
import ToDoList from './ToDoList';
const App=()=>
浏览 1提问于2020-11-13得票数 0
1回答
React不能从其他组件中使用
、、、、
我创建了一个node.js服务器，我可以将用户信息写入MongoDb，我可以在postman中创建JWT。所以我想把这个用在react项目上。
我创建了带有私有路由的react路由器，它正在检查本地存储中是否有任何用户信息。示例，(我没有为登录api创建axios。我只想用硬代码编写用户信息，以确保代码正常工作)
import { useAuth } from "../Context/AuthContext";
import { Navigate,useLocation } from "react-router-dom";
export default fun
浏览 4提问于2022-08-28得票数 0
回答已采纳
所以我在做一个反应项目。我有一个输入数据的文本区域，然后对数据进行散列，并在单击按钮时在屏幕上呈现带有块号、散列数据和时间的块。然而，当我再次输入数据并再次按下按钮时，它只是将该块重新划分为块号2。我希望当我单击该按钮时，前一个块保持在屏幕上，并在前面的块下面呈现一个新块。我该怎么解决这个问题？我试了很多次，但似乎没有什么效果。我正处于学习阶段，所以如果这个问题显得微不足道，请原谅。
App.js
import React, {Component} from 'react';
import BlockList from './BlockList.js';
imp
浏览 2提问于2019-05-29得票数 0
回答已采纳
我通过const ARTICLES将一个文章列表从index.js传递给App.js import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import registerServiceWorker from "./registerServiceWorker";
import { applyPolyfills, defineCustomElements }
浏览 20提问于2020-10-14得票数 0
回答已采纳
2回答
根据常量显示单选按钮
、、、、
我想显示一些与const total_regions相等的单选按钮。我想给每个人不同的价值。
例如，如果total_regions = 5，则显示5个单选按钮，其值为1-5。
import React from 'react';
const Test = props => {
const total_regions = (JSON.parse(JSON.stringify(props.test)).length); // gets the number of regions
return (
<ul>
{props.test.
浏览 2提问于2020-04-10得票数 0
回答已采纳
这是我的sorting.js文件，我正在尝试从App.js的onClick按钮侦听器访问该文件的resetArray。但却做不到。请帮帮忙。 export default class sorting extends React.Component {
constructor() {
super();
this.state = {
array: [],
};
}
resetArray() {
var array = [];
for (let i = 0; i < 80; i++) {
array.push(this.randomN
浏览 6提问于2020-10-01得票数 0
回答已采纳
1回答
我创建了一个简单的react应用程序，它使用redux来管理状态，但是当我分派操作去删除一个特定的状态时，它无法在新状态上映射，并且我得到了一个未定义的错误TypeError:无法读取未定义的属性(读取' map ')
这里是我的应用程序组件：
ACTIONS
import { DELETE_ARTICLE, ADD_ARTICLE } from "../constants/action-types";
let lastID = 3
export function addArticle(msg) {
return {
type: ADD_ART
浏览 2提问于2022-04-03得票数 0
我正在学习ReactJS。
我想在输入字段中添加文本，然后单击提交按钮。这个新值被添加到一个表中。
我从一个简单的表单组件开始，它有输入值，名字和姓氏。扩展窗体的表组件。添加到默认App类的窗体。
Form.js
import React, { Component } from 'react';
import './form.css';
export default class Form extends Component {
render(){
return(
<div id="Form">
浏览 2提问于2018-01-20得票数 5
回答已采纳
我是ReactJS的新手。当我单击该按钮时，调用将从createTablesam.js转到index.js以更新对象。对象已在setState中成功更新，但未在UI中更新。如果我再次点击按钮，对象正在更新，但UI没有更新。
const PureComponent = React.PureComponent;
class Index extends PureComponent {
constructor() {
super();
this.state = {
userValues: [
{
name: "Mani&
浏览 2提问于2019-11-26得票数 1
1回答
反应多项选择题答案组
、、、、
当使用单选按钮时，我得到8个空白的单选按钮。当使用Select时，我得到了8个答案组，但没有文本。我之所以知道，是因为我一直在点击，看看会发生什么。
问题的文本显示正确，所以我不会将其粘贴到下面。我已经包含了广播和选择两种尝试，以了解哪种方法效果最好。
Repo：。非常感谢您的建议。
App.js
import React, { Component } from 'react';
import './App.css';
import Timer from "./Timer";
import Questions from "./Quest
浏览 0提问于2018-12-07得票数 0
2回答
我想了解这个密码的结果。我认为这与反应“钥匙”有关。“
const {useState} = React;
/*export default*/ function App() {
const [alphabets, setAlpabets] = useState([
{ key: "b", name: "b2" },
{ key: "b", name: "b" },
{ key: "a", name: "a1" },
{ key: "a",
浏览 4提问于2022-01-27得票数 1
2回答
---------App.js------------------------
import "./styles.css";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
import Info from "./Info.js";
import Start from "./Start.js";
import End from "./End.js";
export default function App()
浏览 3提问于2021-06-13得票数 0
我有一个数组，它的值转换为按钮。单击每个按钮时，它的值将写入ul列表中。当单击“Pop”时，最后一个值是remove。
预期输出：
我使用useStack钩子来实现它。但是在运行之后，输出是一个空白页，我在控制台中接收到这个错误：
Uncaught TypeError: stack is undefined
components.js:
import React from 'react';
import {useStack} from './hooks'
export function Demo() {
return (
&l
浏览 3提问于2022-01-02得票数 0
回答已采纳
一个简单的React应用程序。可以使用Increment按钮添加新项目。还为每个计数器添加了一个Delete按钮。我正在尝试添加一个重置按钮，但它不工作。我认为handlereset函数有问题。请看一下，帮我解决这个错误。我已经创建了2个js文件。counter.js和counters.js
//counter.js
import React, { Component } from 'react'
class Counter extends Component {
render() {
return (
<div>
浏览 4提问于2018-09-21得票数 0
在我的React Native应用程序中，将有许多TextInputs，当用户按下return按钮时，我希望react专注于下一个TextInput。以前的堆栈溢出线程建议使用ref，但仅有2个TextInputs的示例。比方说，创建30+引用和处理聚焦的最有效方法是什么？ React Native 0.59w/常规旧js。
浏览 20提问于2019-04-17得票数 0
1回答
我正在用一个电影应用程序训练React Hooks，现在我遇到了一个问题。当我单击Header组件中的按钮时，应该会通过清除itemsList数组来更改状态。代码实际上是为一个Load More按钮准备的，当API请求与其他组件(尚未出现)一起使用时，该按钮将向此数组中添加更多项。问题是该数组未被清理，当某个按钮被单击时，que API请求中的项被添加到该数组中。 这是App.js文件 import React, { useState } from "react";
import axios from "axios";
import Header from &
浏览 22提问于2020-09-29得票数 0
回答已采纳
我的代码 import React, { useState } from "react";
import "./styles.css";
export default function App() {
const MAX_QUANTITY = 10;
const MIN_QUANTITY = 0;
const [count, setCount] = useState(0);
const [items, setItems] = useState([{ id: 0 }]);
const addItem = () => {
se
浏览 94提问于2020-06-13得票数 0
回答已采纳
我有一个简单的图表与chart.js在React.js应用程序。我想访问我的组件中的数据。用于创建一个简单的按钮来在我的图表中添加数据。但他给我发了个错误。请你帮我解释一下，让我在另一个组件中访问我的数据。你真是太爱了。
我的组件BarChart.js
import React from "react"
import { Bar } from 'react-chartjs-2'
const BarChart = () => {
return (
<div>
<Bar
浏览 6提问于2022-01-06得票数 1
回答已采纳
当我按下递增或递减按钮时，我得到这个message。我认为所有的步骤都是正确的，但我不明白为什么当我按下按钮(+或-)时，存储/状态设置为undefined； src/App.js import React, { Component } from "react";
import Counter from "./components/counter";
import { connect } from "react-redux";
class App extends Component {
render()
浏览 13提问于2019-06-14得票数 0
回答已采纳
我是react native的初学者。我被卡住了，因为我无法创建一个调用函数delBlogPost的按钮，该函数将删除blogPosts数组中的最后一个元素。我想使用useState钩子来删除元素。如果有人能帮我解决这个问题，那就太好了。代码如下： BlogContext.js import React, {useState} from 'react';
const BlogContext = React.createContext();
export const BlogProvider = ({ children }) => {
const [blogP
浏览 100提问于2021-01-21得票数 0
当用户单击fileInput对话框中的交叉图标或取消按钮时，我希望得到一个事件或通知，这样我就可以在此基础上执行一些任务。
只有当用户单击“打开按钮”时才会触发onChange事件。
当用户使用ReactJS单击交叉图标或取消按钮时，是否有一种方法可以得到通知？
下面是工作代码片段。
class Test extends React.Component {
constructor() {
super();
this.fileInputClicked = this.fileInputClicked.bind(this);
}
fileInputCl
浏览 1提问于2018-04-03得票数 6
回答已采纳
我有两个部件。一个是App组件，另一个是NumbersList组件。NumbersList是App组件的子组件。App组件接收名为lst作为支柱的数字列表。App组件有两个按钮，排序、升序和排序降序，它们试图执行名称所暗示的操作。
应用程序组件：
import React, { useState } from 'react';
import './style.css';
import NumbersList from './NumbersList';
export default function App({ lst }) {
const
浏览 4提问于2022-03-19得票数 1
回答已采纳
我有一个react应用程序，其结果是:使用fetch方法显示的名称列表，该方法反过来从json文件中获取数据--按下该数组中的哪个按钮，数据将被取(第一或第二)+有一个按名字的搜索过滤器。
App.js：
import React from "react";
import TableData from "./TableData";
import TableSearch from "./TableSearch";
import "./styles.css";
class App extends React.Component {
浏览 2提问于2019-11-03得票数 1
回答已采纳
1回答
我编写了一个React.js便笺web应用程序，用户可以在该应用程序中添加多达10条注释。
我使用map()来迭代注释数组，使用useState(1)钩子来更新它的计数(默认的注释数是1)，所以我想这样做：
{[...Array(noteCount)].map((_, i) => <Note onUpdateNoteCount={() =>setNoteCount(n => n - 1)} key={i} />)}
问题是，Note()组件位于App()组件中的Main()组件中，因此我希望获得所需的值作为App()的支持，而不是在Note()<code
浏览 3提问于2020-09-14得票数 1
回答已采纳
1回答
我有一个文本区域，我想将它的内容推入我定义的数组中 我已经创建了一个Tasks组件，并使用onClick属性将其textarea的innerhtml的值推入数组。 App.js： import React from 'react';
import Tasks from './tasks.js';
import './App.css';
let tasks= [
{name:""},
{name:""},
{name:""},
{name:""},
{name:
浏览 19提问于2019-07-02得票数 0
回答已采纳
目前，我正在使用Moment.js在React.js中制作日历 我还尝试添加了一些可以来回切换的按钮 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/0.14.7/react-dom.min.js"></script>
import './App.c
浏览 19提问于2021-07-28得票数 1
工具栏按钮不会显示在由facebook/create- React -app创建的react应用程序中。 我尝试过在src/index.tsx或组件使用位置之前导入JS和CSS文件。我还尝试了导入单独的插件。它们都不起作用。 // Froala Editor JS files.
import 'froala-editor/js/froala_editor.pkgd.min.js';
import 'froala-editor/js/plugins.pkgd.min.js';
// Froala Editor CSS files.
import 'fro
浏览 38提问于2020-04-24得票数 2
我正在尝试获取和显示previousOwners，这是MongoDB模式中的一个对象数组。我在模式中将类型列为"Array“，并尝试迭代carList.js文件中的项。不幸的是，我收到了以下错误消息：
Error: Objects are not valid as a React child (found: object with keys {Owner1, Owner2, Owner3}). If you meant to render a collection of children, use an array instead.
react-dom.development.js:1
浏览 2提问于2021-07-01得票数 0
回答已采纳
如果不使用this.say绑定到此on按钮，该示例将无法工作。然而，我不确定它是正确的还是有任何副作用。
class Speak extends React.Component {
render() {
return (
<div>
<input ref={(c) => this._input = c} defaultValue="Hello World!"/>
<button onClick={this.say.bind(t
浏览 0提问于2016-10-09得票数 0
这是我第一次创建一个react应用程序。
我想将按钮从index.js传递给使用挂钩的表组件。
Declaration:
const testButton = () => {
return (
<React.Fragment>
<button>Test1</button>
<button>Test2</button>
<button>Test3</button>
<button>Test4</but
浏览 5提问于2019-05-23得票数 9
我是个React.JS新手，我需要做一个按钮，它在每次点击按钮时都会创建一个带有子元素的div。我当前的代码不会在我单击该按钮时创建新的div。 另外，如何在React Js中创建一个包含子div的新div？ 下面是我的ReactJs代码： import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
class CrudDivs extends React.Component {
renderCrudDiv(){
浏览 329提问于2021-08-16得票数 1
回答已采纳
1回答
我想当我单击access文件内的按钮时，移除Home文件内的月数组中的相同项。我该如何解决这个问题呢？ App.js此文件连接屏幕。 import {StyleSheet, View} from 'react-native';
import {createStackNavigator} from '@react-navigation/stack';
import Home from './src/components/Home';
import {NavigationContainer} from '@react-navigation/
浏览 9提问于2020-07-08得票数 0
1回答
我是React.js的新手，我正尝试在React.js中构建表单生成器--类似于这个 --我从一开始就开始使用按钮--我试图在按钮按下后通过其中一个方法添加一个文本字段--这对代码没有任何影响。至少它应该在控制台上打印一些东西，但是没有。请帮助！
import React from "react";
import ReactDOM from "react-dom";
export default class EditForm extends React.Component {
constructor() {
super();
this.s
浏览 0提问于2019-04-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
