ReactJS:可以在构造函数中获取状态值吗？
ReactJS是一个用于构建用户界面的JavaScript库。在React中，组件是构建用户界面的基本单位。组件可以包含状态（state）和属性（props），状态是组件内部管理的数据，而属性是从父组件传递给子组件的数据。
在React中，构造函数（constructor）是组件的一个特殊方法，用于初始化组件的状态和绑定方法。在构造函数中，可以通过this.state来获取和设置组件的状态值。例如：
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
count: 0
};
}
render() {
return (
<div>
<p>Count: {this.state.count}</p>
<button onClick={this.handleClick}>Increment</button>
</div>
);
}
handleClick = () => {
this.setState(prevState => ({
count: prevState.count + 1
}));
}
}在上面的例子中，构造函数中初始化了一个状态值count，并在render方法中通过this.state.count来获取该状态值。当点击按钮时，通过this.setState方法更新状态值，并重新渲染组件。
React的状态是组件内部管理的数据，通过this.state来获取和设置。而属性是从父组件传递给子组件的数据，通过this.props来获取。构造函数中只能获取和设置状态值，而不能获取属性值。
对于React组件的构造函数中获取状态值的问题，可以回答如下：
在React的构造函数中，可以通过this.state来获取状态值。构造函数是组件的一个特殊方法，用于初始化组件的状态和绑定方法。通过在构造函数中设置this.state来初始化状态值，并在render方法中通过this.state来获取该状态值。这样可以在组件的生命周期中使用和更新状态值，实现动态的用户界面。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（MSS）：https://cloud.tencent.com/product/mss
- 腾讯云音视频处理（MPS）：https://cloud.tencent.com/product/mps
- 腾讯云网络安全（NSA）：https://cloud.tencent.com/product/nsa
相关·内容
我有一个类，它为不同的会话加载消息：
export class Messages extends Component {
constructor() {
super();
this.state = {
page: 0,
results_per_page: 10,
messages: [],
};
this.loadAnotherSetOfMessages = this.loadAnotherSetOfMessages.bind(this);
this.checkIfUserHasPickedAnotherConv
浏览 4提问于2022-01-02得票数 0
回答已采纳
假设我有一个增加计数器的recursive函数，并且我想在用户请求时重置这个计数器。
为此，我声明了一个状态变量，当用户请求重置时，该变量将成为“true”。
在我的函数中，我有一个条件来检查这个状态变量是否为真，如果是的话，它会做什么来重置计时器。
不幸的是，当状态更改不被识别时，这个条件永远不会变成真的(我使用控制台进行了二次检查以确保)。
当使用像window.resetRequested这样的全局变量时，或者通过在组件函数之外声明一个变量，而不是state，同样的代码也能工作。
我觉得我在这里缺少一些基本的东西(这是有意义的，因为我对网络编程非常陌生)。
let timerValue
浏览 7提问于2021-12-13得票数 0
2回答
重构组件ReactJS
、、、
我是一个新的反应，我试图做一个简单的点击游戏。目前，一切都运行良好(在我看来)，但我认为代码非常重复(我使用了大量的setState)。有人能告诉我如何使它更干净和处理国家吗？我不要求你为我重构这段代码，仅仅是为了建议如何去做。谢谢你的建议。
这是我的密码：
import React, { Component } from 'react';
class Enemy extends Component {
constructor(props) {
super(props);
this.state = {
hp: 10,
nextHp
浏览 2提问于2020-03-15得票数 1
回答已采纳
就像我的问题一样，如果我有不同的setState()调用，它们的顺序在执行时是否会得到尊重？我知道setState()是异步的，那么如果setState()数字1很重(从繁重的代码计算中得到更新)，它会在轻setState()数字之前或之后执行并给出结果吗？我的意思是setState() 2会等到setstate() 1完成吗？
setState({imgfile:imgf});//[1]
setState({title:tit});//[2]
浏览 0提问于2020-03-29得票数 3
我认为这可能是一个愚蠢的问题，但相信我，我是reactJS的初学者。有人能解释一下为什么我们在prevState中使用ReactjS吗？我努力去理解，但失败了。
，这是我的代码。请帮助我理解
state = {
placeName : '',
places : []
}
placeSubmitHanlder = () => {
if(this.state.placeName.trim()===''){
return;
}
this.setState(prevState => {
浏览 0提问于2019-02-21得票数 36
回答已采纳
我试图显示从承载令牌API中获取的数据，但我无法
我可以看到控制台中的数据
这是我的代码：
const [products, setProdcts] = useState([]);
fetch("https://RANDOMAPI.com/api/products", {
method: "GET",
headers: {
Authorization: `Bearer ${accessToken}`,
"Content-Type": "applicat
浏览 5提问于2022-11-17得票数 0
回答已采纳
当表单提交时，我想验证两个字段。具体来说，我想检查密码是否至少包含5个字符，以及password和confirmPassword字段是否匹配。我继续并实现了state来保存这些错误消息。但是，并不是所有的错误都会显示。示例:假设用户在密码字段中输入“地狱”，而对于密码确认，他们输入“hello”。你可能会看到两条错误消息(密码太短，密码不匹配)，但我的表单只显示一条错误-密码不匹配。 我怀疑问题出在validateFields函数中。如果我交换If语句的顺序，并输入上面描述的相同输入，那么我会设法看到“密码必须包含至少5个字符”错误，而不是“密码不匹配错误”。此外，在使用react dev-
浏览 18提问于2021-03-23得票数 3
回答已采纳
1回答
我正在设置一个可排序的可过滤表，并试图使它能够在组件上定义对象来构建所有必要的函数。
我想要这个，
RailsTable = React.createClass
mixins: [
Backbone.React.Component.mixin
]
setSearchTermFilter: (e)->
search_term = e.target.value
@setState(search_term: search_term)
setGroupNumberFilter: (e)->
rail_group = parseInt(e.
浏览 1提问于2014-10-22得票数 1
回答已采纳
我知道在状态中初始化props是错误的，但有没有其他方法可以做到这一点？ 除了如何使用它之外，使用useEffect()钩子是唯一的方法吗？ componentDidMount (){
...
if(this.props.house.rent){
this.setState({rent:this.props.house.rent});
}
}
浏览 8提问于2019-06-18得票数 1
我有一个表单输入，我的值设置为初始状态，这是我的道具。现在我有了一个handleChange函数，当我尝试输入我的表单输入时，它确实触发了onChange，但是这个值根本没有变化。
handleChange(e){
this.setState({
[e.target.name]: e.target.value,
});
console.log('handle change', this.state.firstName)
}
console.log返回初始状态，即使我在键盘上键入，它仍然返回初始状态。这是我的handleChange()
浏览 1提问于2019-05-02得票数 2
回答已采纳
3回答
我已经开始研究reactjs技术，我对这项技术完全陌生。我想用表格中的下拉列表绑定数据，在下拉项目选择时，我想提供我的另一个表单fields.Here，我正在创建表单来为社会成员生成账单，我希望填充社团成员的名称，以便在下拉框上绑定，并在文本字段上更改账单。有时我遇到问题，说'TypeError: node‘.And，我不知道如何将数据绑定到字段。
这是我的逻辑，请检查一下，让我知道我在这里遗漏了什么。
constructor(props, fdb) {
super(props);
this.state = {
bill_nm
浏览 0提问于2018-02-02得票数 1
回答已采纳
我试图在React+Redux中运行下面的代码，但是遇到了一个未处理的
异常'NodeInvocationException:不能读取属性'showText‘的空TypeError:不能读取属性'showText’的空‘
import * as React from 'react';
import { NavMenu } from './NavMenu';
import { Component } from 'react';
export interface BlinkState
{
showText:
浏览 0提问于2017-09-07得票数 2
回答已采纳
因此，我对ReactJS中setState的异步本质有一些困惑。根据React文档，您不应该在setState()中使用this.state。但是如果我有一个计数器作为状态，我想在点击时更新它，如下所示：
class App extends React.Component {
state = { counter: 0 }
onClick = () => {
this.setState({counter: this.state.counter + 1})
}
render() {
return (
&l
浏览 5提问于2018-08-13得票数 6
1回答
我正在开发一个React应用程序，需要保存表单提交中的输入，以便在多个API调用中重用。
我能够首先使用输入进行API调用并显示结果，但无法将该输入保存在表单中进行另一次调用。最终目的是让用户在输入搜索词后能够点击一个按钮来过滤另一个标准的响应。
下面我已经注意到，我想在代码中做什么，但不起作用：
class Search extends Component {
constructor(props) {
super(props);
this.state = {
data: [],
inputValue: '',
};
浏览 2提问于2018-05-15得票数 0
回答已采纳
1回答
我是reactjs钩子的新手，我在向状态发送复选框值(布尔值)时遇到了困难。我有一个状态，存储电子邮件(空字符串)，密码(空字符串)和loginTime (布尔值'true')。我可以存储电子邮件和密码，但我无法将复选框值存储到状态中。如果取消选中该复选框，则状态将仅返回布尔值false，不带参数email和password。 谢谢，对不起，英语不是我的第一语言。 检查：https://imgur.com/6VjzJxD 取消选中：https://imgur.com/9nbMzgn 代码如下： const Login = (props) => {
const [valu
浏览 8提问于2020-06-10得票数 0
回答已采纳
在React的setState中，我使用了一个select下拉列表，得到了一个顺序错误的响应。它为我提供了之前选择的选项的值。当我第一次选择某件东西时，它是空白的，但第二次选择会给出我之前选择的那个。
因此，第一次选择："Green“结果为空第二次选择："Red”将给出“gre”作为结果
我知道我遗漏了什么，也许我没有正确绑定它？
class Main extends React.Component {
constructor(props) {
super(props);
this.state = {
typeValue:
浏览 0提问于2017-05-12得票数 1
3回答
我已经做了动态输入，我的问题是得到每个输入的值，但它是多个输入？我怎样才能做到这一点。这是小提琴。
perRow() {
return this.state.values.map((el,i) =>
<tr key={i}>
<td className="col-md-4">
<div className="form-group">
浏览 1提问于2018-03-21得票数 0
回答已采纳
我有一个对话框组件，我打开了这个组件，
对话框组件
<Dialog>
renderTitle={renderTitle}
renderContent={renderContent}
renderAction={renderAction}
</Dialog>
const [input, setInput] = useState('')
const renderContent = () => {
return (
<form>
<input>
type="text"
浏览 1提问于2020-06-18得票数 0
我有一个函数组件，我为一个复杂的对象声明了一个useState，如下所示：
const [order, setOrder] = useState<IMasterState>({
DataInterface: null,
ErrorMsg: "",
IsRetrieving: true,
RetrievingMsg: "Fetching your order status..."
});
现在，我尝试通过在如下所示的order中调用setOrder来设置useEffect的
浏览 3提问于2021-11-25得票数 2
回答已采纳
我有一个初始状态如下的component： constructor(props) {
super(props)
this.state = {
currentId: 0,
pause: true,
count: 0,
storiesDone: 0
}
this.defaultInterval = 4000
this.width = props.width || 360
this.height = props.height || 640
} 我必须从currentId = 0开始，然后更新组件
浏览 44提问于2019-05-22得票数 3
回答已采纳
2回答
启用-使用ReactJS禁用按钮
、、、、
我试图根据我的输入中是否有文本来启用或禁用按钮，但似乎无法实现。当我在Button函数的disabled属性中手动设置{true或false}时，它工作得很好，但我真的很困惑如何根据输入内容动态设置它。 任何指导都是非常欢迎的！ 这是我的应用程序代码 import { useState } from "react";
function Input (props){
const { onChange, value } = props
return (<input value={value} onChange={onChange} type="
浏览 22提问于2021-02-09得票数 1
回答已采纳
我有一个函数，它可以更改选定行的样式，不用setEntry就能正常工作，使用setEntry函数--所有更改样式中断的逻辑--我不知道为什么。
这是功能代码：
const changeStyle = (id, e) => {
isSelected = true;
let currentRow = e.currentTarget;
setEntry(id);
if (id === previousSelectedId) {
currentRow.style.backgroundColor = '#FFFFFF';
浏览 5提问于2022-04-12得票数 -1
回答已采纳
一直试图在这里找到解决办法，但这似乎很棘手。
我有以下几个州：
const [items, setItems] = useState([{ id: uuidv4(), text: 'Your items goes here' }]);
const [snippets, setSnippets] = useState([{ id: uuidv4(), text: 'Your snippets goes here' }]);
const [keywords, setKeywords] = useState([{ id: uuidv4(), text: 'Yo
浏览 4提问于2022-01-03得票数 0
回答已采纳
我正在尝试在类型记录中编写一个react本机组件，该组件在呈现函数中具有来自动画API的Animated.View。
我遇到了一个问题，将Animated.Value设置为React组件的属性。
我的当前代码如下：
interface NotificationProps {
animation : Animated.Value
...
}
class Notification extends React.Component <NotificationProps,NotificationState> {
constructor (props: NotificationProps
浏览 6提问于2020-07-17得票数 1
回答已采纳
我是第一次接触react。 我有这样的状态： state = {
isLoading: true,
}; 我有一个生命周期函数 componentDidMount() {
const { setPageCount, receiveApiData } = this.props.actions;
const { isLoading } = this.state;
const getData = () => {
this.setState({ isLoading: !isLoading });
receiveApiDat
浏览 18提问于2020-09-03得票数 0
回答已采纳
我有一个“慢”加载问题在我的一个页面。该页面包含一个“根”组件-让我们称其为Container。
我的容器在下拉列表中选择一个值时进行2次fetch调用。获取的数据(A和B)被传递给子组件(Board)。
Board由两个不相关的组件构建- Player和Item，它们分别使用A和B作为初始数据。
碰巧Player的渲染过程比Item的要繁重得多。
结果是项目呈现在页面上，几秒钟后播放器也呈现出来。
我的愿望是同时看到这两种渲染--我该如何实现呢？
我猜这是Board应该做的事情，但是如何做呢？
同样重要的是，每次更改droplist的值时，都会发生这种“等待”(它总是由用户选择)。
谢谢!
浏览 0提问于2018-12-30得票数 2
我正在使用react中的登录/注册页面，我使用useState挂钩来检查密码是否强。并向用户显示他应该如何做才能使他的密码更强。但是我注意到，当用户在密码字段中输入密码时，他们在更新useState中的密码(在函数handlePassword的console.log()中)时会出现延迟。因此，我的函数handlePassword不能正常工作。
const [err,setError]=useState("")
const [password,setPassword]=useState("")
function handlePassword(eve
浏览 3提问于2021-06-01得票数 3
我是ReactJS的新手。在我的索引页面上，loginState & modalStatus的初始状态是false。我正尝试在componentDidMount()中将modalStatus更改为true。
class Home extends Component {
constructor(props) {
super(props);
this.state = {
isLoggedIn: true,
modalStatus: false,
};
}
componentDidMount() {
if(this.sta
浏览 2提问于2018-11-17得票数 1
我创建了一个组件，想要包装文本输入并为其添加一些功能。 <Input value={this.state.name} /> 在子组件中，在文本输入旁边有一个删除按钮，以便在单击文本时清除文本。 const Input = (props) => {
let textInput = null;
const removeText = (e) =>{
e.preventDefault();
textInput.value = '';
textInput.focus();
}
浏览 18提问于2019-01-05得票数 2
回答已采纳
坚持在一个可能很容易解决的问题上。我有以下反应代码(可以在上找到)：
export const App = ()=> {
const [toggle,setToggle] = useState(false);
const setItemToggle = (e) => {
e.stopPropagation()
e.target.tagName==="H1" ? setToggle(!toggle) : setToggle(false)
e.preventDefault()
}
useEffect(()=>{
浏览 1提问于2022-03-22得票数 0
回答已采纳
2回答
在ReactJS中更新状态并不是什么大事。但是有没有人在ReactJS中经历过状态子属性的更新？
就像我想从third中更新first.second.third一样，但是当我实际更新状态时，它正在更新状态，但丢弃状态中的其余元素。
我遵循的语法与互联网上的语法相同。附件是我的代码和输出。我做错什么了吗？请让我知道，这是唯一的障碍，在更新分析对象的变化，输入字段。
testing(a,b){
console.log(a)
console.log(b)
this.state = {...this.state.analysis,
first: {
second
浏览 5提问于2020-03-31得票数 0
2回答
我有一个有宾语的国家。我正在useEffect中运行一个useEffect函数，并将对象状态传递为dependency。
我将状态对象作为依赖项传递，因为我希望在settings对象的值更改时重新呈现组件。
但它会导致无限循环。
更新：
让我进一步澄清我的问题。
在我的useEffect中，我调用异步函数addTextItem()，它调用函数finalPrice并更新状态，但是这样会导致无限循环。
另一方面，如果我在useEffect中直接调用addTextItem而不是调用addTextItem，那么就没有无限循环，但是它也在更新状态，对吗？那这是怎么回事。&我需要一个解决方
浏览 6提问于2022-05-10得票数 0
回答已采纳
我尝试使用下面的代码在reactjs应用程序中显示一些csv内容。当我单击按钮时，它应该调用api并获得响应。我需要以表格的形式显示响应，而当我提交时，我需要保存数据。获取响应和保存对我来说很好，但我的问题是，当我单击侧菜单来获取所选数据时，我的状态没有正确更新以显示所选值数据，我需要单击三次以上。所以我试着用它的依赖，它的唤醒很好。但它的显示记忆问题。我是新的反应，我尝试了许多方式，它显示出最大的超越错误。那么如何在下面的代码中修复它
const Parameters = ({ selectedtestcaseId, hideTestTab }) => {
const [csva
浏览 6提问于2022-06-29得票数 1
我发现了一些旧代码，它们用来在构造函数中分配空状态。是否有任何函数或整个构造函数可以删除？由于没有任何其他代码，所以我认为没有必要使用构造函数。
export default class MyComponent extends React.Component{
constructor(props){
super(props);
this.state = {};
}
render() {
return (<div title={this.state.title}></div>);
}
}
浏览 1提问于2018-07-09得票数 2
回答已采纳
3回答
这就是我在state变量中的内容
this.state = {
check: 0,
places: ["0","0","0","0","0","0","0","0"],
}
}
我想要做的是调用一个函数来更新一个位置的期望值。例如，我像这样使用changeValue函数：
changeValue= (event) => {
this.setState({
pla
浏览 0提问于2017-03-12得票数 0
3回答
状态ReactJS与渲染方法
、、、、
我正在使用Clock类学习章节，我不明白为什么我可以重新呈现我的变量"myFirstNumber、mySecondNumber、myWord“，这些变量在使用CodePen中的代码时没有状态：
class Clock extends React.Component {
constructor(props) {
super(props);
this.state = {
date: new Date(),
};
this.mySecondNumber = 0;
}
componentDidMount() {
this.myF
浏览 5提问于2020-02-19得票数 0
回答已采纳
我有一个具有多个输入的表，并希望在每一行上的第二个输入用第一行的公式更改它旁边的数字:5-DPS(从输入)。我希望在DPS值更改后立即更改数字。对于新来的人来说，有没有一种很容易理解的反应方式？
这是我的密码：
import React, { useState, useEffect, useRef } from "react";
import "./index.css";
import Champions from "./components/Champions";
const Calculator = () => {
let
浏览 5提问于2022-02-01得票数 0
1回答
钩子
export const useCreateAccount = () => {
const [state, setState] = useState(initialState)
const onChangeInput: ChangeEventFunction = useCallback(({ target }) => {
if (!target.files) {
return setState({ ...state, [target.name]: target.value })
}
setState({ ...state, [ta
浏览 2提问于2020-04-12得票数 2
回答已采纳
3回答
如何在下面的代码中访问变量bvar？另外，我什么时候应该将变量声明为：
b)在构造函数()和渲染()之间
c)在render()内部-我的理解是，如果变量可以改变，我会在这里设置它们，并且我想在每次呈现组件时设置它。所以，如果我知道一些东西根本没有改变，它将是一个const，我应该把它设置在哪里呢？
import React, {Component} from 'react';
export default class App extends Component {
constructor(props) {
super();
// Set the ini
浏览 1提问于2016-09-22得票数 3
回答已采纳
1回答
我为delete按钮创建了delete函数，但它不起作用。我看了这个例子，代码几乎是一样的，但不知怎么的，它对我不起作用。有什么建议吗？
import { useState } from "react";
import "./userList.scss";
import { DataGrid } from "@mui/x-data-grid";
import { userColumns, userRows } from "../../datatablesource";
import { Link } from "react
浏览 3提问于2022-05-30得票数 -1
1回答
我使用的是react，每次从页面导航之后，状态都会回到原来的状态。我的状态是当用户单击按钮时设置的。这将处理setState of listView，这是一个布尔值。因此，如果listView为真，则视图为listView，反之亦然。问题是，如果我选择另一个视图，并在页面返回到listView之后立即刷新页面。现在，我了解了如何通过进行一些研究来使用钩子来持久化状态，但是在一个与我的示例非常相似的类组件中，我找不到这样做的例子。请看我的密码。谢谢!
constructor(props) {
super(props);
this.state = {
listView:
浏览 4提问于2021-04-18得票数 0
回答已采纳
我试图从JSON中获取如下所示的值： {
"id": 371,
"city": "London",
"name": "London Station",
"trains": [
{
"id": 375,
"number": "1023",
"numberOfCarriages": "21"
浏览 39提问于2021-01-09得票数 0
回答已采纳
2回答
我正在使用React在SPA中开发一个计费组件。用户可以填写结帐表，在付款确认后，我希望将当前(脏)状态重置为原始(干净)状态。
我在componentDidMount中使用了这样的东西：
this.baseState = this.state;
后来，当我得到付款确认后，我开始重新设定状态：
this.setState(this.baseState)
这如预期的那样工作，除了一小部分的状态没有被重置。
这个州的特定部分最初看起来是这样的：
this.state = {
billing: {
coupons: []
}
}
这里是在修改
浏览 0提问于2018-04-19得票数 4
回答已采纳
我有一个表单，其中输入具有初始值(每个输入的初始值是不同的)。我通过将数据保存在状态数组中来设置该值，如下所示：
function createData(header, content) {
id += 1;
return {header, content, id};
}
class ExampleForm extends React.Component {
constructor(props) {
super(props);
this.state = {
data : [
createData( Head
浏览 16提问于2017-12-30得票数 2
回答已采纳
问题:当我使用this.setState并在回调中输出状态时，它根本不会改变，但当我将设置状态嵌套在一个设置状态中时，它就会正常工作。
示例:这不起作用-
this.setState({
data: newData
});
这确实行得通-
this.setState({
data: newData
}, () => {
this.setState({
data: newData
});
});
这与react批处理状态更新的方式有关吗？
这是实际的代码，其中设置状态不工作，除非我嵌套它(我已经尝试在此函数中注释掉所有内容，并使用setsta
浏览 2提问于2015-12-24得票数 4
版本
12.0.7suneditor: 2.41.3suneditor-react: 3.3.1
const SunEditor = dynamic(() => import("suneditor-react"), {
ssr: false,
});
import "suneditor/dist/css/suneditor.min.css"; // Import Sun Editor's CSS File
// states
const [toggle, setToggle] = useState<boolean>(false);
浏览 5提问于2021-12-24得票数 1
回答已采纳
我想从html输入元素中添加或删除一个属性。
我要做的是：
constructor(props) {
super(props);
this.state = {inputState: 'readOnly'};
}
以及渲染功能：
<input className="form-control" type="text" value={floor} {...this.state.inputState} />
如您所见，我希望在输入元素上设置"readOnly“属性。但是现在我发现了一个错误，它说：
未知道具0，1，2
浏览 1提问于2017-09-07得票数 6
回答已采纳
我正在尝试做的是在我的代码中，我有一个表，当我选择第一行的单选按钮，点击提交按钮，然后url链接是打开的，加载数据并显示在控制台中。但再次，当我选择第二行单选按钮，并点击提交按钮，然后网址是不打开和不显示数据在控制台中。再次选择第三行单选按钮，然后单击提交按钮，然后在控制台中创建数据并打开url，意思是首先单击一行，然后单击数据，然后选择另一行，然后不获取数据。
我正在尝试做的是，但我不会这样做。输入单选按钮type.is中的问题是什么?是否有任何方法可以使state.checked始终设置为true。
有人能帮我解决这个问题吗。
handleClick() {
const a
浏览 4提问于2021-05-05得票数 0
3回答
我正在用ReactJS做一个网上商店的模板来练习，所有的事情都完成了，但是我不知道用对象数组的形式从状态中删除一个项目的最好方法是什么。 下面是我想要做的一个例子： 定义我的状态： const [cartData, setCartData] = useState([]) 向其中添加项目： const exampleFunction = (heading, price) => {
setCartData([...cartData, {name: heading, price: price}])
} 所有这些都工作得很好，所以我在添加一些项目后的状态如下所示： [{name: &#
浏览 33提问于2020-11-28得票数 1
回答已采纳
我正在做一个“添加到购物车”的功能。我的代码如下：
import React, { Component } from 'react';
import Items from '../json/items.json';
class AddToCart extends Component {
putInCart(i) {
// **** I WANT TO GET THE QUANTITY IN THIS FUNCTION ****
}
render() {
return (
&l
浏览 2提问于2020-11-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
