如何在react中使用网格扩展或拟合div数组
在React中使用网格扩展或拟合div数组可以通过使用CSS Grid或Flexbox来实现。这两种方法都可以帮助我们在React应用中创建灵活的网格布局。
- 使用CSS Grid： CSS Grid是一种强大的布局系统，可以将网格划分为行和列，并在其中放置元素。以下是在React中使用CSS Grid来创建网格布局的步骤：
步骤1：安装所需的依赖
在React项目中，你需要安装一个CSS Grid库，比如react-grid-system。你可以使用以下命令进行安装：
npm install react-grid-system步骤2：导入所需的组件 在你的React组件中，导入所需的组件：
import { Container, Row, Col } from 'react-grid-system';步骤3：创建网格布局
在你的组件中，使用Container、Row和Col组件来创建网格布局：
function MyComponent() {
return (
<Container>
<Row>
<Col sm={6} md={4} lg={3}>
<div>Div 1</div>
</Col>
<Col sm={6} md={4} lg={3}>
<div>Div 2</div>
</Col>
<Col sm={6} md={4} lg={3}>
<div>Div 3</div>
</Col>
<Col sm={6} md={4} lg={3}>
<div>Div 4</div>
</Col>
</Row>
</Container>
);
}在上面的示例中，我们创建了一个包含4个div元素的网格布局。Col组件定义了每个div元素所占据的列数，可以根据需要进行调整。
- 使用Flexbox： Flexbox是另一种常用的布局技术，可以帮助我们在React应用中创建灵活的网格布局。以下是在React中使用Flexbox来创建网格布局的步骤：
步骤1：设置CSS样式
在你的CSS文件中，设置容器的样式为display: flex，并使用flex-wrap: wrap来实现换行：
.container {
display: flex;
flex-wrap: wrap;
}步骤2：创建网格布局
在你的React组件中，使用map函数来遍历一个包含div元素的数组，并将它们渲染到网格布局中：
function MyComponent() {
const divArray = ['Div 1', 'Div 2', 'Div 3', 'Div 4'];
return (
<div className="container">
{divArray.map((item, index) => (
<div key={index}>{item}</div>
))}
</div>
);
}在上面的示例中，我们使用map函数遍历divArray数组，并将每个元素渲染为一个div元素。通过设置适当的CSS样式，这些div元素将自动排列成网格布局。
无论你选择使用CSS Grid还是Flexbox，都可以根据需要调整网格布局的样式和行为。这些方法都可以在React应用中轻松实现网格扩展或拟合div数组的需求。
腾讯云相关产品和产品介绍链接地址：
相关·内容
假设我正在构建一个包含三个网格项的CSS网格，作为一个反应性项目中的一个组件。我希望在每个网格正方形中显示数据，这些数据来自以下数组：
const applicants = [
{name: 'James',
age: 35,
experience: 'none'
},
{name: 'Kate',
age: 27,
experience: 'intermediate'
},
{name: 'Henry',
age: 32,
experience: '
浏览 9提问于2020-09-27得票数 0
回答已采纳
我尝试在状态对象中的menuHistory键下存储一个字符串数组，当页面更改props.location更新时，我用'first‘初始化它，这会触发useEffect()，然后我会尝试将位置推入数组。 我得到的错误是.. Argument of type '{ menuHistory: number; }' is not assignable to parameter of type 'SetStateAction<{ menuHistory: string[]; }>'.
Type '{ menuHistory: number
浏览 27提问于2019-09-13得票数 0
回答已采纳
有一个渲染器，显然是返回一个渲染节点数组：
// tutorial10.js
var CommentList = React.createClass({
render: function() {
var commentNodes = this.props.data.map(function (comment) {
return (
<Comment author={comment.author}>
{comment.text}
</Comment>
);
});
re
浏览 0提问于2014-12-19得票数 3
我的父组件AddRow和DeleteRow按钮中有两个按钮，如果我单击addRow按钮，它将在网格中添加一个空行，如果我单击deleteRow按钮，它将从网格中删除选定的行。我已经在我的子组件中添加了两个函数，用于向网格添加行和从网格中删除记录。如何从父组件按钮单击事件调用这些函数。下面给出了类似的示例代码。
我使用了提升状态到父组件，它是工作的任何其他方法，因为我需要将整个子组件代码移动到父组件，并且有4个子组件将所有的子代码提升到父组件中，成为父组件中的巨大代码，在这种情况下，反应方式是什么。
import { render } from 'react-dom';
impo
浏览 1提问于2019-08-22得票数 0
我的数据库里有一些记录。代码在表上显示第一条记录。当我想通过appendMore按钮将第二条记录附加到第一条记录时。第二条记录显示第一条记录。请正确地将第二个或下一个附加到第一个记录中。到目前为止，我的努力如下
import React from "react";
import axios from "axios";
import "./App.css";
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
浏览 4提问于2022-06-03得票数 1
回答已采纳
3回答
我想在类组件中使用React和DropZone。我该怎么办？
误差
src/components/projects/CreateProject.js第19:14行: React "useCallback“不能在顶层调用。必须在function函数组件中调用function，或者在自定义React函数中调用React函数--钩子/钩子规则--第21:11行：'setUploadfile‘未定义-undef第52:102行:无法在类组件中调用function "useDropzone“。必须在function函数组件中调用function，或者在自定义React函数中调用
浏览 4提问于2021-03-03得票数 1
回答已采纳
2回答
我想在flex datagrid中实现分页，我使用的是代码。在Asp.net中，我们可以通过设置数据网格的属性来实现分页，flex数据网格有这样的属性吗？
谢谢。
浏览 0提问于2011-05-02得票数 0
回答已采纳
2回答
我的selectItem事件更改了我的initialState，我有意将其实现为常量。
Panel.js
import React, { useState } from "react";
import "./Panel.css";
import Item from "./Item";
const initialState = [
{ text: 1, isSelected: false },
{ text: 2, isSelected: false },
{ text: 3, isSelected: false },
{
浏览 6提问于2020-07-27得票数 1
回答已采纳
我仍然是一个新的反应，我正在创建一个约翰·康维的生活游戏项目。我正在尝试创建一个2D网格的方块作为我的游戏的棋盘。
我的方法是在render/return中使用map函数来创建网格。我有一个Square.js组件，它包含以下内容：
import React, { Component } from 'react';
const Square = () => {
return (
<td className="Square"></td>
);
}
export default Square;
然后，在我的Ap
浏览 2提问于2018-09-09得票数 1
1回答
我有一个react组件maintoolbar.tsx，它将一个网格对象作为一个支柱传递给它。
import React from 'react';
import { Grid } from '../grid';
interface PropsInterface {
grid: Grid;
}
const MainToolbar: React.FC<PropsInterface> = (props: PropsInterface) => {
const { grid } = props;
const test = grid.mai
浏览 0提问于2020-02-18得票数 0
回答已采纳
2回答
我想为我的网格创建分页链接。我将maxPages(number)属性传递给组件，但我不能在render方法中使用for。我能做些什么？
var Pagination = React.createClass({
render: function(){
return(
<div class="text-center">
<ul class="pagination">
<li><a href="#">«</a></li>
浏览 2提问于2015-04-25得票数 47
回答已采纳
我正在开发一个应用程序，它通过重新排列瓷砖来改变产品网格的顺序。(它就像Packery一样)。我有一个renderData函数，它用来自文件输入的数据填充布局网格。这工作得很好。我正在努力的部分是，那么我如何保存“布局”-我的意思是项目的顺序-我如何将其保存到状态？ 当用户在UI中重新排序时间时，我希望更改布局数组以反映新的顺序。 这看起来很简单，但我只是还没有看到怎么做。 import React, { Component } from 'react'
import Papa from 'papaparse'
import GridLayout from &
浏览 26提问于2019-02-13得票数 0
1回答
我试图用css柔性盒实现以下解决方案：
我在创建了一个Plunkr，它显示了我目前的情况。
grid row具有固定的高度(Plunkr中的类网格行)
red container应该自动调整高度(在Plunkr中的文章)
header和footer有固定的高度(Plunkr中的页眉和页脚)
图像应自动容纳剩余空间，并设置为背景图像(Plunkr中的图片)
无论我尝试什么，图像都会自动拟合网格行的高度。有人看到我做错什么了吗？
我的HTML
<div class="grid-row">
<article>
浏览 3提问于2016-02-07得票数 0
回答已采纳
我正在通过工作，更具体地讲，我正在处理来自这个的下面的简单代码。
我在结束标记的一行中添加了一个注释(HERE IS THE COMMENT)，如您所见：
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
浏览 0提问于2018-09-02得票数 1
1回答
我使用reactjs、nodejs、mongodb创建了聊天应用程序。我将数据存储在mongodb中，但是在消息数组上进行映射时，它没有在聊天应用程序中显示消息，为什么呢？
我使用message状态变量来存储单个消息，所有这些消息都是在messages数组(state variable)中添加的。我设置了message: "" and date : ""，但是在我的情况下所发生的事情，即使在屏幕上显示消息之前，它也被设置为空字符串。如何映射消息并在聊天应用程序中显示所有消息？
代码：
server.js：
const express = require('
浏览 1提问于2018-10-27得票数 0
回答已采纳
例如，我想用Instagram这样的多个组件来构建react。来自HTML/CSS/JS -每个页面都有自己的设计和布局。现在react不改变页面，它只是呈现不同的组件，无论是登录页面、配置文件页、提要等等。现在我想知道如何在包含多个复杂组件的react应用程序中实现css网格。我应该在App.js上做一个网格布局，以保存所有的主要组件，如寄存器、登录、提要等，还是应该为用作“页面”的每个组件创建一个网格(注册、登录、提要等)&只需忽略App.js样式？
编辑-每个组件将有一个不同的外观，例如，注册页面将有一个注册表单，登录页面将有一个不同的外观形式和设计提要是一个组件，将显示标题和用
浏览 1提问于2021-03-11得票数 2
我使用监督学习算法随机森林分类器来训练数据。
clf = RandomForestClassifier(n_estimators=50, n_jobs=3, random_state=42)
网格中的不同参数包括：
param_grid = {
'n_estimators': [200, 700],
'max_features': ['auto', 'sqrt', 'log2'],
'max_depth': [5,10],
'min_samp
浏览 0提问于2017-03-21得票数 4
所以我刚刚开始使用React，我想创建一个寻路可视化工具。我已经用Python编写了很多寻路算法，所以我知道它们是如何工作的。我在React中遇到的问题是，如何使用组件来可视化正在搜索的节点和正在排队的节点等等。到目前为止，我尝试过的只是通过将组件嵌套在一起来创建网格： export class GridNode extends React.Component {
constructor(props) {
super(props);
this.state = {
flex:this.pro
浏览 64提问于2020-10-04得票数 0
回答已采纳
如何在Modal中单击remove按钮时删除显示的内容。
当从数组中单击remove按钮时，我可以删除该对象，但该内容仍显示在屏幕上。
我认为从数组中删除对象将重新启动map函数，该函数将再次调用循环，新内容将可见
import React from "react";
import { Modal, Button } from "react-bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
let data = [
{
Name: "COOL",
浏览 26提问于2020-07-31得票数 0
我对react.js非常陌生，我有一个关于我的程序的问题。当单击相应的按钮时，当我试图调用方法时，我会得到一个类型错误。基本上，该方法生成一个随机数，我希望在另一个组件中显示这个数字。为此，我必须在位于对象状态的变量'defNum‘中写入返回。我希望你能帮我:)
我在context.js中的代码
defaultNumber = () => {
let defNumChange = [...this.state.defNum];
defNumChange = Math.random().toString(8).substr(2);
defNumChang
浏览 3提问于2020-07-16得票数 1
回答已采纳
2回答
我有一个JSON数据文件，我必须提取一些信息并使用react显示它。我被困在显示数组的元素上了。
这是我的data.js文件
const details = [
{
environment: "prod",
account_number: "057346956084",
regions: [
{
region_one: "10.0.0.0/24"
}
],
bu: "CIO and Central Tech",
account_alias:
浏览 3提问于2019-12-22得票数 0
1回答
也许有人能帮我，我需要为我的数据设置一个键，我如何从Home.jsx页面做这件事？
API:
<?php
$images = [
"logo" => "http://www.cbp-exercises.test/cowboy_cafe_react/cowboy-coffee-shop/src/api/img/logo.svg",
"counter" => "http://www.cbp-exercises.test/cowboy_cafe_react/cowboy-coffee-shop/src/api
浏览 3提问于2022-10-09得票数 1
1回答
我正在尝试使用响应式网页设计(通过列堆叠)，我目前在我的布局中使用这个网格：，我认为它工作得很整洁。
我唯一要做的就是让它变得“足够智能”，也可以试着根据列的高度来拟合它们。到目前为止，我得到的是：，我正在寻找的是：，这样网格就会尝试通过行的高度和列数来拟合它们。
这在某种程度上是可能的吗？:-)我是应该使用其他网格来实现这一点，还是必须编写一些繁琐的javascript来实现我想要的？
提前谢谢。
浏览 2提问于2012-12-15得票数 4
回答已采纳
1回答
我正尝试在我的视图中使用kendo grid，我想在按enter键后在网格中创建新行。我可以通过编写以下代码来做到这一点：
<div id="GridContainer">
<div id="grid"></div>
</div>
$(document.body).keypress(function (e) {
if (e.keyCode == 13) {
var grid = $("#grid").data("kendoGrid");
gr
浏览 1提问于2013-07-10得票数 2
回答已采纳
我试着用不同的图像制作一个网格，这个想法是它会在对象中循环并形成网格，但是它根本不起作用。
这些对象是：
export const Projects = [
{
id: 1,
name: 'Site 1',
tech: [
'HTML',
'CSS',
'SASS',
'React'
],
description: 'Lorem',
image: './assets/cv.svg'
浏览 0提问于2019-11-07得票数 0
回答已采纳
1回答
从用户定义的输入中生成输入矩阵
、、、、
我试图作出以下反应：
用户输入行和列
网格是在空白输入的反应中创建的，显示为具有正确尺寸的网格。
到目前为止，我有以下内容。在这里，为了简洁起见，我假设用户输入的行和列都是3：
import React from "react";
import "./App.css";
function App() {
// create a 3x3 matrix with some blank inputs as values values
const matrix = Array.apply(null, Array(9)).map(function
浏览 2提问于2020-08-22得票数 0
回答已采纳
2回答
我正在为我的react页面编写测试，但是我的页面在其状态下使用isLoading，当加载页面时呈现‘loads’，当加载但是没有数据时(从提取请求)呈现'No‘，当加载数据时(从提取请求)加载欢迎页。
我想编写一个测试，在以下情况下检查预期的文本：
页面已加载，但未找到数据页面已加载并具有数据
我想我已经尽力不让数据测试正常工作了，但是当我试图模拟它得到的数据时，我会收到错误消息。错误信息是
TypeError:无法读取未定义的属性“映射”
但是我不知道为什么我的模拟数据是data: orders >其中包含数据，所以不应该没有定义。
谁能告诉我怎么改正这个考试吗？
Welc
浏览 5提问于2020-12-15得票数 7
回答已采纳
2回答
想象一下，我们有一个小股票应用程序。在这里，我们列出了所有可用的stocks.We，其中有一个stocks.vue组件、下面的代码和一个stock.vue组件。我们这里有4只股票。我们希望在2x2网格中呈现它们。下面的代码将它们呈现在1x4网格中。一个div.columns最多容纳12 div.column (Bulma)，因此对于我们的2x2网格，我们需要两个div.columns，每个div.columns包含两个div.column，每个div.column持有一个股票。
<template>
<div>
<p>Current
浏览 4提问于2020-02-14得票数 0
回答已采纳
我为这个项目使用了React和Material，并且需要呈现一个网格，其中行来自一个数据数组，列包含以下特定信息：
<Grid container>
{myData.map((record) => (
<>
<Grid item>{record.field1}</Grid>
<Grid item>{record.field2}</Grid>
<Grid item>{record.field3}</Grid>
</>
)}
浏览 4提问于2020-12-16得票数 2
回答已采纳
在Resive0.13之后，我们可以使用ES6类来创建像上面这样的React组件：
class A extends React.Component {
// ...
}
但是，如果我偶尔忘记键入extends React.Component，组件A仍然对我很好，只要我不使用this.setState()这样的简单方法。
我开始认为从React.Component扩展一个React组件是必要的。
在像通量或Redux这样的体系结构中，有智能的function组件和哑function的components.Smart组件连接到数据存储，而哑的只接收父母和呈现者的道具，我已经知道在functio
浏览 2提问于2015-10-06得票数 1
回答已采纳
2回答
我目前正在学习反应，并试图编码一个可编程的网格，在那里的盒子改变颜色时，点击。
不幸的是，我的“刷新网格”按钮没有按预期工作。即使在单击时，在保持激活之前被单击的框(即它们的颜色是橙色的)。当我在调用setGrid()时重置网格状态时，我不知道哪里出错了。
帮助是非常感谢的。由于我对自己的反应是全新的，一些关于最佳实践等的建议也会有很大的帮助！
提前谢谢。
代码：
import ReactDOM from 'react-dom';
import './index.css';
class Box extends React.Component {
const
浏览 4提问于2021-07-03得票数 3
回答已采纳
我有一些json数据。3个不同的对象。我想从这些对象中提取数据并将其显示在屏幕上。基本上每个对象都有一个名称、摘要和图标。因此，我想通过所有这3个对象，并在屏幕上显示每个图标，名称和摘要。这些对象是特色应用程序。它们显示在网格中。每个应用程序都有自己的徽章。徽章在AppBadgeHomePage.js文件中。
现在什么都没有渲染。我得到了h3标签，仅此而已。“特色”有一个div类，但下面什么也没有。看起来this.state.feat.map坏了。或者不工作。或者也许是这样的，只是没有任何东西传递给应用程序徽章。我将另一个文件中的特色应用程序网格调用得很好。我只是想知道这是不是我太累了，盯着这
浏览 0提问于2020-11-24得票数 0
1回答
我使用了react，对于API，我使用了useQuery，并且在我的所有页面中都有这样的警告：
警告: React不识别DOM元素上的basePath支柱。如果您有意地希望它作为自定义属性出现在DOM中，则将其拼写为小写basepath。如果意外地从父组件传递它，请从DOM元素中删除它。
在div中(由ForwardRef(网格)创建)
在ForwardRef(网格)中(由WithStyles( ForwardRef(Grid)创建))
我怎么才能修好它？
浏览 3提问于2020-03-07得票数 2
回答已采纳
1回答
我正在尝试在整个网页上显示一个网格，由高度/宽度相等的小单元格组成，如下面的示例所示，我正在寻找一种方法来实现，因为这是我的第一个react项目：
这是Main.jsx
import React, {Component} from 'react';
import Node from './Node/Node';
import './Main.css';
export default class Main extends Component {
constructor(props){
super(props);
浏览 0提问于2020-01-19得票数 0
1回答
首先，我做了一个剑道网格。网格的每一行都有一个按钮，单击该按钮将打开一个Kendo模板(弹出)。还在这儿没事的。
是否可以在弹出中添加另一个网格并向每个网格行添加可编辑的子项(如网格层次结构)？
这是我的主网格：
var grid= $("#Grid").kendoGrid({
columns: [
{ field: "Name", title: "Name" },
{ field: "Description", title:"Description"},
浏览 1提问于2017-06-08得票数 0
回答已采纳
3回答
我正在Ubuntu18.04上的VS代码中编辑一些javascript文件(特别是reactjs coed)。然而，“格式”真的很糟糕。
在此之前：
import React, { Component } from 'react';
import './App.css';
import Dropzone from 'react-dropzone';
class App extends Component {
render() {
return (
<div className="A
浏览 0提问于2018-12-04得票数 4
回答已采纳
我使用React从一个通过钩子保持在状态的数组生成组件。初始化后的数组工作正常，但它在更新状态后停止工作：
export function AiShip(props) {
const shipType = props.shipType;
const maxShields = Ships[shipType][Stats.shields];
const maxHull = Ships[shipType][Stats.hull];
const squadId = props.squadId;
const [targetPosition, setTargetP
浏览 0提问于2020-01-17得票数 1
我试图在网格布局中显示我的图像。但是在应用了网格css功能之后，网格变得非常奇怪，就像图片显示的那样，网格是水平组织的。但是我希望它组织得很好，就像每行有两三张图片一样。
我的组件层次结构是ProductList -> Product ->拇指->图像
import React, { Component } from "react";
import Filter from "./Filter/index";
import ShelfHeader from "./ShelfHeader/index";
import Product
浏览 0提问于2019-02-12得票数 0
回答已采纳
下面的JSON字符串需要动态地创建表单的DOM：
{
"formData": [{
"inputType": "text",
"type": "string",
"min": 10,
"label": "Enter Name:",
"objectId": "test1"
}],
浏览 0提问于2019-03-19得票数 0
回答已采纳
3回答
我有一个名为GridSquare的简单组件：
import React from 'react';
import './GridSquare.css'
const GridSquare = (props) => {
return (
<div className="empty-square">
</div>
)
}
export default GridSquare;
GridSquare的css文件只是将div变成一个简单的灰色方块：
.empty-square{
浏览 4提问于2020-09-17得票数 2
回答已采纳
2回答
我正在构建反动Todo应用程序。但是，我不明白todos类型是如何变成对象的？在App.js中，我们为它设置了一个数组。在我们设置的Form.js中
setTodos([...todos, { text: inputText, id: Math.random() * 1000 }]);，我不明白这一行是怎么回事。你能帮忙吗？
App.js
import React, { useState } from "react";
import "./App.css";
//Importing Components
import Form from "./compo
浏览 6提问于2021-05-22得票数 1
回答已采纳
2回答
我正在尝试在React中创建一个笔记应用程序。当输入框中的值被按下“添加备注”按钮时，应用程序应该添加一个新备注。
不幸的是，当我尝试将注释推送到列表并更新父级状态时，更改不会反映在屏幕上或react调试器中。
将新注释推送到列表可以在警告行中看到，但在其他任何地方都看不到。
以下是包含原始注释状态的父组件：
class NoteApplication extends React.Component {
constructor(props) {
super(props);
this.state = {
notes: Array()
浏览 15提问于2019-07-07得票数 0
回答已采纳
2回答
我很感激你帮我摆脱困境。我对一些基本概念的反应和明显的绊倒是很新的。感谢你的帮助。
这是我的app.js：
import React from "react";
import TodoItem from "./components/TodoItem";
import todosData from "./components/todosData"
function App() {
const todoComponents = todosData.map((todo) => (
<TodoItem key={todo.i
浏览 4提问于2020-06-22得票数 2
我在显示从api调用中检索到的嵌套数组数据时遇到问题。JSON数据格式类似于：
[
{
pageNo: 1
TotalRecordsCount: 8000,
Items: [
{
id: 1,
subject: "ACCOUNTING",
campus: "campus A"
},
{
id: 1,
subject: "ACCOUNTING",
campus: "campus A"
},
...
}
]
编辑数据格式
浏览 0提问于2018-11-15得票数 2
回答已采纳
3回答
我很难为我的测试项目渲染一个简单的网格。我不想手动创建网格，因为使用更大的网格不仅是一件苦差事，而且代码也会变得杂乱无章，所以我想我应该使用lodash来完成这项工作。
然而，我似乎不能渲染网格，即使我在开发工具中检查，它也是不可见的。有人能指出我的错误吗？
如果需要的话，我也可以使用除了lodash之外的其他工具。
代码如下：
import React from 'react';
import _ from 'lodash';
import './game.css';
const GRID = [
[{x: 1, y:3}, {x:
浏览 0提问于2018-03-07得票数 2
说我笨(我不会把它当回事)，但我已经3年多没有使用过反应了，我的脑细胞肯定已经死了。
我发现了一个错误：
localhost/:1 Uncaught TypeError: Failed to resolve module specifier "react". Relative references must start with either "/", "./", or "../".
我确信这与我如何使用Chrome中的导入有关。
index.html
<head>
<meta charset="
浏览 1提问于2019-04-15得票数 7
回答已采纳
首先，我事先道歉，我是非常新的反应，这是我第一次实现网格组件。
目前，我能够在webforms解决方案中成功地显示一个" griddle“，但是，当我将完全相同的网格添加到它不显示并且没有抛出错误的modalpopupextender中时，如果我使用浏览器工具检查div，脚本就在页面中。
我把它放在一个控件中，以便在so的几个区域中测试它
我怎样才能做到这一点？
是否有一种方法来延迟渲染网格时，modalpopupextender正在显示？
<%@ Control Language="C#“AutoEventWireup=”真“CodeBehind="Gr
浏览 3提问于2015-07-15得票数 0
我试图做一个简单的反应BMI计算器。我正在尝试实现类似于当ı单击submit按钮时，我想在底部创建新的html，如
你的身体指数是{yourindex}
每次我点击提交按钮。在todo应用程序中，你也可以这样想。
ı怎么能做到这一点？谢谢
import React, { Component } from 'react'
class Areas extends Component {
constructor(props) {
super(props)
this.state = {
kg:0,
height:0,
}
浏览 4提问于2021-09-10得票数 0
回答已采纳
1回答
所以我试着用引导网格创建一个简单的响应形式，但这对我来说是非常棘手的。您可以忽略我发布的大部分内容(对于初学者来说，coldfusion是多余的)，但是要注意网格类！
<div id="custom-wrapper">
<div class="row">
<div class="col-lg-12">
<h1>Create Definitions</h1>
<div style="#display#&#
浏览 1提问于2014-09-02得票数 1
回答已采纳
我是React JS的新手，当用户在输入值中插入它时，我正在尝试删除输入值，我如何才能获得数组"Blacklist“并在键入时更改删除输入中的单词。谢谢！
class BlackWordInput extends React.Component {
constructor(props) {
super(props)
this.state = {
place: 'Digite uma palavra!'
}
}
handleVerifyWord(e) {
if (this.value === b
浏览 0提问于2017-08-29得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
