我无法在typescript中使用动态密钥名称setState
在 TypeScript 中，无法直接使用动态密钥名称来调用 setState 方法。setState 方法是 React 中的一个函数，用于更新组件的状态。它接受一个对象作为参数，该对象包含要更新的状态属性及其对应的新值。
在 TypeScript 中，我们需要提前定义状态的类型，并在组件的类中声明该状态。然后，我们可以使用动态密钥名称来更新状态属性。
以下是一个示例：
import React, { Component } from 'react';
interface MyComponentState {
[key: string]: any;
}
class MyComponent extends Component<{}, MyComponentState> {
constructor(props: {}) {
super(props);
this.state = {};
}
updateState(key: string, value: any) {
this.setState({ [key]: value });
}
render() {
return (
<div>
{/* 在组件中使用状态 */}
</div>
);
}
}在上述示例中，我们定义了一个 MyComponentState 接口，它具有动态密钥名称和任意值的类型。然后，在组件的类中声明了该状态，并在 updateState 方法中使用动态密钥名称来更新状态属性。
请注意，这只是一种在 TypeScript 中处理动态密钥名称的方法之一。根据具体的需求和场景，可能会有其他更适合的解决方案。
关于 TypeScript 和 React 的更多信息，您可以参考腾讯云的相关产品和文档：
相关·内容
我正在尝试理解如何在ReactJS中将更改的状态从子组件传递到其父组件？到目前为止，下面的代码改变了孩子的状态，但没有改变父母的状态，你知道我做错了什么吗？
我正在使用redux从mongodb获取产品阵列。
产品数组示例：
[
{
“_id”: “2331”,
“department”: “Shoes”,
“category”: “Shoes/Women/Pumps”,
“name”: “Calvin Klein”,
“title”: “Evening Platform Pumps”,
浏览 5提问于2018-09-06得票数 0
3回答
我正在尝试在react中制作一个应用程序，用于渲染树状结构，该结构可以在用户输入时展开和折叠，尽管我已经设法让应用程序按我想要的方式工作，但性能相当慢。我不确定这是因为应用程序的性质、react组件还是我对框架的不了解。
我已经做了一个chrome分析，下面是截图：
如果您能通过这些图像帮助我了解瓶颈是什么，以及是否/如何解决它，请告诉我。
来源：
https://github.com/harsh-a1/react-skeleton/tree/tree
组件：
export function TreeComponent(props){
var instance
浏览 0提问于2018-04-10得票数 0
1回答
我正在努力学习反应，却遇到了一个障碍。我很难根据子状态更新家长。在父级调用时，通过将子状态绑定到同一子节点的支柱，我成功地将子状态传递给父节点。
Parent.js
import React, { Component, setState } from 'react'
import './Parent.css'
import Child from './Child'
export class Parent extends Component {
constructor(props) {
super(props)
浏览 1提问于2021-10-25得票数 0
回答已采纳
我在创建-反应-本机应用程序中动态创建组件。使用世博应用程序在开发模式下使用npm start进行测试，并与安卓手机连接，一切都很顺利。
如果我将其切换到生产模式，或者尝试将apk构建为一个独立的应用程序，则对象不会在Button按下上创建。
这是我第一个使用React本机进行的项目，我不知道如何调试它。我也没有找到任何关于这两种模式之间的差异会导致这一结果的信息。
在此，有关守则：
export default class App extends React.Component {
constructor(props) {
super(props);
this.updat
浏览 0提问于2018-06-17得票数 1
回答已采纳
为了将子组件的状态传递给父组件的状态，我有一个回调函数。
当加载所有子组件时，我希望它们执行回调函数并填充父组件的状态。
尽管似乎只有最后一个组件将其状态传递给父组件。
我的孩子部分：
import React, { useState, useEffect } from "react";
export default function Component(props) {
const [state, setState] = useState(0);
useEffect(() => {
var index = props.index;
var
浏览 5提问于2020-02-04得票数 1
回答已采纳
11回答
腾讯云上如何自建DNS？
、、、、
当前腾讯云私有域VPCDNS暂时还不支持背景下，怎么在腾讯云CVM环境下构建内网解析？
实现功能：
1.支持腾讯云云环境保留域名解析如：mirrors.tencentyun.com;
2.支持用户自有业务域名内部网解析如：you.aaa.com；
3.支持访问外网域名解析如：www.qq.com；
4.支持分域名转发到不同的DNS服务器；
基础环境：
CVM：标准型SA2（请根据自身业务情况，选择样本）
操作系统：CentOS Linux版本7.6.1810（核心）
绑定：bind-9.11.4-16.P
浏览 1432提问于2021-01-27
7回答
在React中，状态不会立即更新，所以我们可以在setState(state, callback)中使用回调。但如何在Redux中做到这一点？
在调用this.props.dispatch(updateState(key, value))之后，我需要立即对更新后的状态执行一些操作。
有没有办法像我在React中做的那样，用最新的状态调用回调？
浏览 1提问于2016-09-16得票数 104
在阅读了bind要求将方法绑定到React ES6类之后，我仍然对这个示例有一些困难：
class ProductList extends React.Component {
constructor(props) {
super(props);
this.state = { products: [] };
this.updateState = this.updateState.bind(this);
}
componentDidMount() {
this.updateState();
}
handleProductUpvote(prod
浏览 4提问于2016-12-15得票数 0
回答已采纳
我创建了4个组件，SalesBanner是ProductImagePanel的父组件，ProductImagePanel是ProductCarouselProgressbar的父组件。ProductCarouselProgressbar是ProgressBar的亲本。
所以就像
SalesBanner
|
v
ProductImagePanel
|
v
ProductCarouselProgressBar
|
v
ProgressBar
我在Sales
浏览 1提问于2019-05-11得票数 0
回答已采纳
1回答
这是Panel的代码
import React from "react";
// import {render} from "react-dom";
import AddInventory from "components/AddInventory";
class Panel extends React.Component{
constructor(props) {
super(props);
this.state = {
activeIndex: ''
浏览 3提问于2022-11-03得票数 0
嗨，我试图在子组件中实现搜索，父组件将从服务器获取数据并将数据传递给子组件
作为道具，现在子组件必须实现对数据的搜索，我已经使用了componentwillreceiveprops，它被折旧了
class Parent extends React.Component{
constructor(props) {
super(props);
this.state = {
data: []
}
}
componentDidMount() {
浏览 0提问于2019-05-08得票数 1
回答已采纳
我有一个名为Cells的组件，它使用从通量存储中获得的数据进行渲染。我的问题是，我希望将此数据呈现到特定的行，但由于我呈现行的方式(它们是动态的，因此您可以将它们添加到表中)，我正在努力为单元格组件可以呈现到的行标识符。我希望这是有意义的！
代码如下：
Cells组件：
import React from 'react';
export default class Cells extends React.Component {
render() {
return (
<td>{this.props.value}<
浏览 1提问于2016-03-04得票数 4
回答已采纳
在我的项目中，我循环在我的子组件中的卡片，并更新父母的状态，在其中我激活一个事件‘刷右’在卡片上的最爱。父级状态通过向数组中添加收藏夹卡来跟踪所有收藏夹。
我将一个函数(updatestate)从父组件App传递给子组件Main，该函数允许子组件调用.setState()并以父状态追加到数组中。
但是，当我在子组件中激活均衡器onSwipedRight时，父级的状态将按计划使用新卡进行更新，但是在Main中的<Card>以下的任何状态都不会像它应该的那样自动为下一张卡呈现。如果我点击屏幕，那么下一张卡/图片只在那时呈现。
有什么想法吗？在激活更新父状态的事件处理程序之后，我是否缺少
浏览 1提问于2018-02-25得票数 0
3回答
我试图通过setState通过子组件更新父组件的状态。以下是我的父组件：
全布局
import React from 'react';
import { Route, Switch, Redirect } from 'react-router-dom';
import Header from '../components/header/header.jsx';
import Customizer from '../components/customizer/customizer';
import { Navbar, NavbarB
浏览 0提问于2018-09-08得票数 1
单击一个按钮，我正在更新状态，它成功地更新和更改了我的输入框的值，并在屏幕上打印，但当我在更新它的函数中是console.log状态变量时(您可以在changeState函数中看到console.log )。它并没有改变。下面是我的代码。
import React from 'react';
class Refs extends React.Component {
constructor(props) {
super(props);
this.state = {
data: ''
}
this.upd
浏览 0提问于2018-11-03得票数 0
我编写了使用useState嵌套的react useHooks.And动态添加文本的示例。但是，有一个问题，setState不工作了吗？ 当我点击文本时，组件中的setState没有生效(通常是在当前点击的文本中添加一个类，删除其他文本中的类)，我该怎么办？ 下面是具体的代码链接： https://codesandbox.io/s/nifty-sky-z0p9w?file=/src/App.js 谢谢!
浏览 27提问于2020-09-27得票数 0
回答已采纳
我在ReactNative方面有一些经验，但是我一直在努力用一个更好的文件夹结构来构建它，就像流行的样板一样。
关于这个问题，我有以下文件，全部在routes/Login目录中：
index.js
Login.js
LoginContainer.js
styles.js (不相关，所以不包括在内)。
见下面的内容(略读到相关内容)。
index.js
import LoginContainer from './LoginContainer';
import Login from './Login';
export { Login };
浏览 2提问于2017-02-08得票数 0
回答已采纳
1回答
当我通过子组件使用addQuantityButton函数将一个新产品添加到products数组中时，对products数组的更改在子product组件中无法识别。父组件中的addQuantityButton函数正确地将新对象添加到数组中。当我开始使用Redux和mapStateToProps时，它停止了工作。我在这里做错了什么？
路径：Parent
class Form extends React.Component {
constructor(props) {
super(props);
this.state = {
products: [getNewPro
浏览 7提问于2020-06-04得票数 1
回答已采纳
1回答
伙计们，我有这样一个主要部件
export default class mobile extends Component {
constructor(props){
super(props);
this.state = {
loading: true
}
}
async componentWillMount(){
let defaultKey = 'login';
const token = await AsyncStorage.getItem('token');
if (
浏览 2提问于2017-03-23得票数 1
1回答
我在react开发方面是新手，不幸的是，我仍然像AngularJS开发人员一样思考。我希望使用子表组件更新应用程序状态数据。我开发了一个基本的解决方案，如下所示，但我不确定我的解决方案是否有效。此外，如果你建议我一些材料来学习ReactJS的基本哲学，那就太好了。谢谢你的建议。
class App extends React.Component {
constructor(){
super();
this.state = {
data:
[
{
浏览 0提问于2018-10-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
