对象文本只能指定已知属性，并且类型“”SetStateAction“”中不存在“”task“”
对象文本只能指定已知属性，并且类型"SetStateAction"中不存在"task"。这是因为在React中，使用useState hook时，我们需要指定一个初始状态，并返回一个状态和更新状态的函数。而在这个问题中，"SetStateAction"指的是更新状态的函数，"task"是我们想要更新的状态值。然而，"SetStateAction"类型中并没有名为"task"的属性。
为了解决这个问题，我们可以首先确保传递给useState hook的初始状态是一个包含"task"属性的对象。例如：
const [state, setState] = useState({ task: "" });然后，我们可以使用setState函数来更新状态中的"task"属性：
setState(prevState => ({ ...prevState, task: "新的任务" }));在这个例子中，我们使用了prevState来获取先前的状态，并使用展开操作符(...)将其与新的任务属性合并在一起，最后将结果传递给setState函数。
总结：要解决这个问题，我们需要确保传递给useState hook的初始状态是一个包含"task"属性的对象，并使用setState函数来更新该属性的值。
相关·内容
我有一个javascript类，我想重写它：
class A {
constructor({foo = 'foo', bar = 123, baz = true} = {}) {
this.foo = foo
this.bar = bar
this.baz = baz
}
}
我目前在TS上所写的内容：
interface AProps {
foo: string,
bar: number,
baz: boolean,
}
class A {
foo: string
bar: number
baz: boolean
浏览 2提问于2020-04-03得票数 0
回答已采纳
我不知道管道中的组件：
[]错误
'{ any[]：string；templateUrl: string；pipes: Component；}‘类型的错误消息参数不能赋值给'Component’类型的参数。对象文字只能指定已知的属性，并且“pipes”不存在于类型“Component”中。
notice-list.component.ts
import {Component, OnInit} from '@angular/core';
import {ocNotice} from './product';
import {NoticeFilter
浏览 6提问于2017-02-14得票数 2
interface SomeInterface{
p1: string;
p2: number;
p3: ComplexType;
}
const x :SomeInterface = {
p1: 'test',
p2: 'test',
p3: {//something}
}
现在，是否有一种方法可以编写一个泛型函数，如：
function foo<T>(parameter:T){
}
它将使用对象文字进行调用。
{
...
}
但是只有存在于SomeInterface上的属性才被允许？重要的是，并
浏览 4提问于2017-08-17得票数 0
回答已采纳
我遇到了一个非常奇怪的问题，我不确定这个问题是与写得不好的类型有关，还是一个奇怪的类型记录问题。
所以我有这个道具类型：
type SelectAnswersProps = (
| {
onChange: Dispatch<SetStateAction<MultiSelectAnswerOptionsType | null>>;
value: MultiSelectAnswerOptionsType;
isMultiSelect: true;
}
| {
onChange: Dispatch<SetS
浏览 6提问于2022-07-23得票数 1
1回答
在TypeScript中，我可以这样做：
function someFunction(options:any) {
// Do something
}
interface MyOptions {
userId: number;
verbose: boolean;
}
const options: MyOptions = {
userId: 12345,
doesntExist: false, // Error
}
someFunction(options);
这将使我在"doesntExist“属性上出现编译错误。
问题是，当我不创建中间变
浏览 1提问于2021-02-02得票数 0
回答已采纳
3回答
树结构的类型记录接口
、、、
我想为树结构定义一个接口。
每个节点可以有零个或多个子节点：
export interface TreeNode {
children?: Array<TreeNode>;
}
我为TreeNode实现了一个遍历函数。
export function traverseTree(treeData: Array<TreeNode> | TreeNode, callback: (treeNode: any) => any) {
// implementation omitted
}
我想测试一下。守则如下：
const treeData = [
{
浏览 5提问于2020-05-07得票数 9
回答已采纳
我在typescript项目上工作，我想为setInterval函数使用useState，但我得到了下面的错误，我正在使用这样的useState语句，有人能帮我解决这个问题吗？任何帮助都将不胜感激。
const [intervalData, setIntervalData] : [null | NodeJS.Timeout, (interval: null | NodeJS.Timeout) => void] = useState(null);
错误：
Type '[null, Dispatch<SetStateAction<null>>]' i
浏览 0提问于2020-07-08得票数 1
完全错误：
Not all constituents of type 'T | ((value: SetStateAction<T>) => void)' are callable.
Type 'T' has no call signatures.
摘要：
我正在尝试创建一个useStateIfMounted自定义钩子。它运行得非常好，但我似乎无法为TypeScript正确地键入它。钩子很好，但是调用方在尝试调用setState()时会得到错误。我应该如何键入useCallback()，这样我才能得到类型记录的良好的打字系统。args应该与正常
浏览 8提问于2022-07-27得票数 0
回答已采纳
1回答
我的目标是将新项目(查询)扩展到dataList。它是功能组件。 const [dataList, setDataList] = useState([]);
const transferData = (query: string) => {
setDataList([...dataList, query]);
}; 代码是用React Typescript编写的，而我的编辑正在大喊大叫： Argument of type 'string[]' is not assignable to parameter of type 'SetStateAct
浏览 11提问于2020-08-30得票数 0
我正在尝试从xml中抓取一个节点，并将其显示到文本框中。但是，我尝试使用的节点
Dim work As XmlNodeList = xmltest.SelectNodes("//Task")
TextBox3.Text = work("Task_Name").InnerText
出现错误- "System.InvalidCastException：‘从字符串"Task_Name“到类型”Integer“的转换无效。”
我认为这是因为节点列表格式，但我被这个问题卡住了。
有没有关于如何修复这个问题的建议，或者是让它工作的不同方法？
浏览 0提问于2020-08-29得票数 0
我有一个执行搜索的函数。搜索可以通过几种不同的方式来完成(通过查找ID或查询一些属性)。但是，我想限制可以传入的属性。我想我可以这样做：
interface Search {
_id?: string
people?: number
partyName?: string
otherField? string
}
function search(query: Search) {
myDbConnection.find(query).then(... // etc
}
问题是任何对象都将符合这一点，并且query可以包含额外的属性。例如，可以传递以下内容：
search(
浏览 0提问于2016-05-12得票数 0
1回答
我正在尝试在我的应用程序中键入一个setState。在这种情况下，我该如何打字？要键入的消息是：
(属性) setPageNumber: setPageNumber: React.Dispatch<React.SetStateAction>类型'{ React.Dispatch<React.SetStateAction>：MovieData[]；pageNumber: number；setPageNumber: React.Dispatch<React.SetStateAction>；}‘不能分配给'MoviesContextData’类型
浏览 6提问于2022-04-29得票数 0
我正在编写一个函数，它需要测试一些外部SPI闪存。在开发过程中，我意外地使用了以下代码
void __TO_FLASH__ slcTestCache(uint8_t len)
{
uint16_t wcrc = 0xFFFF, rcrc = 0xFFFF;
uint8_t wbuff[len], rbuff[len];
//uint8_t *wbuff = os_malloc(len);
//uint8_t *rbuff = os_malloc(len);
...
请注意，'len‘是参数。现在代码可以正常工作了(我测试了几个参数)，但是我的问题是这
浏览 20提问于2018-06-19得票数 1
回答已采纳
我有一个汉堡菜单，它将收到两个道具: 1) isOpen，2)文件对象{ name, type, size, modifiedAt, downloadUrl }
我试着做这样的事，但打字稿是在抱怨
const FileManagerSlide = () => {
const [burger, setBurger] = useState({
isOpen: false,
file: {
name: null,
modifiedAt: null,
size: null,
type: null,
downloadU
浏览 0提问于2019-04-16得票数 2
回答已采纳
为什么下面的代码：
import React, {Dispatch, SetStateAction, useState} from 'react'
type Fn = () => void
export const Component = () => {
const [fn, setFn]: [Fn, Dispatch<SetStateAction<Fn>>] = useState(() => {})
return <p>{`${typeof fn}, ${typeof setFn}`}</p>
}
浏览 2提问于2021-11-02得票数 1
回答已采纳
1回答
当我有了这个：
interface PropTypes {
user?: {
name?: string,
age?: number
}
}
const Comp = (props: PropTypes) => ...
为什么这样做：
const user = {
random: 3,
name: 'test'
}
<Comp user={user} /> // works
但这不是(将值从变量移到这里)：
<Comp user={{ random: 3, name: 'test' }}
浏览 4提问于2022-03-27得票数 0
回答已采纳
不确定这是否可行，但我想编写一个函数，其中包含一个字符串和一个对象。
第二个对象的类型应该包含一个名称与前面提到的字符串相同并具有某种类型的属性。
例如。
// No error
someFuncion("foo", {foo: 42})
// Error
someFuncion("foo", {foo: "a string instead of a number"})
someFuncion("foo", {bar: 42})
有人能告诉我这个函数的类型签名是什么吗？
谢谢
浏览 5提问于2020-09-06得票数 0
回答已采纳
我从TypeScript得到了一个奇怪的错误：
“只有一个空函数可以用'new‘关键字调用。”
什么？
构造函数，看起来就像：
function Suman(obj: ISumanInputs): void {
const projectRoot = _suman.projectRoot;
// via options
this.fileName = obj.fileName;
this.slicedFileName = obj.fileName.slice(projectRoot.length);
this.networkLog = obj.
浏览 3提问于2017-04-19得票数 20
回答已采纳
1回答
我正在学习FP，并试图弄清楚如何在反应中处理事件。例如，让我们使用以下场景：
interface Todo {
task: string
done: boolean
}
interface TodoProps {
todo: Todo
onChange: ChangeEventHandler<HTMLInputElement>
}
function TodoItem({todo, onChange}: TodoProps) {
return (
<label>
{todo.task}
浏览 7提问于2021-12-11得票数 1
回答已采纳
像下面这样声明的变量是什么类型。在什么情况下它是有用的？
let x: {}
在下面的类型别名中，{}的含义是什么。它是否等同于object或any？为什么要使用{}而不是any作为类型？{}，在本例中是指空对象的“实例”吗？(对我来说是有意义的)
type MessageHandler<D, P> = (data: D, payload: P) => void
type MessageHandlerGeneric = MessageHandler<{}, any}
interface MessageHandlers {
[index: string]: Mess
浏览 0提问于2019-01-23得票数 2
1回答
我的代码中有两个接口，我想在这两个接口之间选择一个类型。
下面是接口的代码：
interface createUserToSiteMutateUseStates {
setStateId: (value: React.SetStateAction<string | null | undefined>) => void;
StateId: string | null | undefined;
setCityId: (value: React.SetStateAction<string | null | undefined>) => void;
}
浏览 2提问于2019-12-23得票数 0
回答已采纳
我使用来更新，但是注意setState时的错误。
类型“{ alertRules: any；}”类型的alertRules参数不能分配给“SetStateAction”类型的参数。对象文字只能指定已知的属性，而“alertRules”不存在于“SetStateAction”..ts(2345)类型中。
这是我的密码。
import React, { useState, useEffect } from 'react';
import { FieldArray } from 'redux-form';
import { CoordinateSelect } fr
浏览 3提问于2019-11-05得票数 24
回答已采纳
我试图使用类型别名简化TypeScript中的签名：
interface State {
value: string;
error: string;
}
type Reducer = (value: string) => (state: State) => State;
const setValue: Reducer = value => state => ({
...state,
value,
unknownProperty: "Hello"
});
因为我试图设置一个不存在的属性，所以我希望这会失败。
当我这样做的时候，它确实
浏览 1提问于2018-02-21得票数 3
回答已采纳
1回答
在Rsuite中，出现了一个错误，比如类型'Dispatch<SetStateAction<Date[]>>‘不能分配到类型’(值: DateRange = null，事件: SyntheticEvent<Element，Event>) => void‘。参数'value‘和'value’的类型是不兼容的。键入'DateRange \ null‘不能分配到键入'SetStateAction<Date[]>’。类型'null‘不能分配到键入’SetStateAction<Date[]>
浏览 8提问于2022-03-02得票数 0
我对打字很陌生，我试着做一个基本的输入页。。虽然它正在工作，但我在第10行中得到了onChange函数的错误：
键入'Dispatch<SetStateAction<any[]>>‘不能分配到键入’(值？：string) => =>‘。参数'value‘和’value‘的类型不兼容。类型'string‘不能分配到键入’SetStateAction<any[]>‘. to (2322)
我正在导入，无法在ts中找到使用onChange的演示程序。请帮助我重写onChange，使valueE成为正在输入的值。反应钩针输
浏览 1提问于2020-10-28得票数 12
回答已采纳
概述
我有一个应用程序，我想在Next.js中的页面之间构建一些全局状态，并且我使用React上下文作为解决方案+ TypeScript。我创建了上下文(MusicContext)和提供者(Music Provider)，其中我想传递MusicProvider的状态，其中包括：
playlistTitle
setPlaylistTitle
songsMatched
setSongsMatched
songsMissing
songsMissing
问题
如何正确地将类型Dispatch<SetStateAction<string>>初始化
浏览 4提问于2022-03-03得票数 1
1回答
我有这样的界面：
interface ProjectCostData {
purchasePrice: number;
propertyValue: number;
recentlyDamaged: boolean;
}
现在，我想根据上面的接口动态地创建这样一个接口：
interface ProjectCostDataWithSetters {
purchasePrice: number;
setPurchasePrice: Dispatch<SetStateAction<number>>;
propertyValue: number;
s
浏览 3提问于2020-09-23得票数 2
回答已采纳
2回答
gcc错误生成
、、
当我尝试编译包含以下两行的代码时，为什么gcc和clang都没有产生错误？
int palindrome(char s[]){
char s2[strlen(s)];
我认为在这种情况下，您必须为s2动态分配内存。
浏览 0提问于2011-05-28得票数 1
回答已采纳
let a: { b: number }
let b: { b: number, c: number } = { b: 1, c: 2 }
a = { b: 1, c: 2 } // Error: Object literal may only specify known properties
a = b // OK
浏览 0提问于2018-09-24得票数 1
回答已采纳
3回答
WCF服务对象序列化
、、、
我有一个名为contact的抽象类和另一个名为client的类，它是从contact继承的。我正在处理一个WCF服务，它使用一个类型contact参数的方法。然而，我所拥有的是我想要传递的客户端实例。我面临这个错误：
键入'xxx.Client‘与数据契约名称'Client:’是不需要的。向已知类型列表中添加任何静态不知道的类型--例如，使用KnownTypeAttribute属性或将它们添加到传递给DataContractSerializer的已知类型列表中。
浏览 4提问于2012-05-15得票数 8
回答已采纳
我正在使用GraphQL尝试创建与另一种类型相关的记录。类型是任务和日期
datamodel.graphql：
type Task {
id: ID! @unique
content: String!
completed: Boolean!
dateToDo: Day!
}
type Day {
id: ID! @unique
content: String!
tasks: [Task]
}
我想要创建一个任务，以便它能够引用它应该完成的日期(从日期类型)
schema.graphql
type Mutation {
createTask(content: S
浏览 2提问于2019-01-16得票数 2
回答已采纳
我很难弄清楚如何键入useState函数，因为它返回一个元组。本质上，我必须提供null作为email的初始值，也就是说，假设我不能在这里使用空字符串。
然后，我使用setEmail函数来更新这个状态值，它将电子邮件作为字符串接收。
理想情况下，我想键入我的useState，以便它希望电子邮件是字符串或空，如果可能的话。目前，它只将其作为null继承
import * as React from "react";
const { useState } = React;
function Example() {
const [state, setState] = useS
浏览 0提问于2018-11-16得票数 44
回答已采纳
2回答
我正在编写一个Web，并使用各种GET、POST方法等定义了一个控制器。我在文档中使用Swagger，并希望了解正确的注释方式。下面是一个控制器方法的示例：
/// <summary>Download a file based on its Id.</summary>
/// <param name="id">Identity of file to download.</param>
/// <returns><see cref="MyFile" /> file content found.
浏览 11提问于2020-05-17得票数 2
回答已采纳
下面的示例很好地说明了我的问题：
type Position = {
x: number
y: number
}
const update = (): Position => ({ x: 0, y: 0, z: 0 }) // 'z' does not exist in type 'Position', as it should.
type Update = () => Position
const update: Update = () => ({ x: 0, y: 0, z: 0 }) // that's fine?
浏览 1提问于2020-10-05得票数 1
回答已采纳
该代码从字面上从用户获得输入和分配是数组，它在在线gdb和极客健忘问题提交中工作？
int n;
int [n];
这是可行的！，而在我搜索过的地方，n的内部数组应该是一个常量。
这是我朋友写的问题和代码的链接。
代码
#include <stdio.h>
int main()
{
int t,n;
int rear;
int front;
scanf("%d",&t);
while(t--)
{
scanf("%d",&n);
int a[n],s[
浏览 1提问于2020-10-23得票数 0
回答已采纳
我最近在TypeScript上偶然发现了这种奇怪的行为。在编译期间，只有当期望变量的类型是接口时，如果接口没有强制字段，它才会抱怨过多的属性。链接到TypeScript游乐场#1：
interface IAnimal {
name?: string;
}
class Animal implements IAnimal {
}
var x : IAnimal = { bar: true }; // Object literal may only specify known properties, and 'bar' does not exist in type
浏览 5提问于2015-11-09得票数 7
回答已采纳
我用react 16.9和typescript 3.5.2开发了一个react typescript应用程序。它使用react状态钩子，比如 const [hValue, setHValue] = useState(); hValue类型为IValue 因此，setHValue具有返回类型React.Dispatch<any> 然后我将typescript版本更新到3.9.7，它给出了编译错误，现在setHValue的返回类型似乎已经更改为React.Dispatch<React.SetStateAction<undefined>> 为什么会这样呢？如何解
浏览 39提问于2020-09-17得票数 1
在我的项目中，我有一个上下文提供程序，它本身就是一个具有多个属性的对象：
<Provider value={
{
scaleNum: scaleNum, // number
scaleLet: scaleLet, // string
scaleSettings: scaleSettings, // stateful object
setScaleSettings: setScaleSettings, /
浏览 5提问于2022-08-19得票数 -2
回答已采纳
2回答
我的结构如下：
public class DerivedClass : List<BaseClass>
{
//Some helper methods used against the List of BaseClass properties
//Methods
public List<BaseClass> GetListOfBaseClasses()
{
return (List<BaseClass>)this;
}
}
我的WCF服务知道BaseClass对象的情况，但客户端将其派生为泛型列表，现在当我试图
浏览 4提问于2012-11-17得票数 2
1回答
我想过滤和更新状态
const [files, setFiles] = useState<[]>([]);
.....
setFiles(acceptedFiles);
.....
const handleRemoveSelected = (imageName: string) => {
const update = files.filter((f: any) => f.name !== imageName);
setFiles(update)(Error is here)
[![Err
浏览 3提问于2022-05-04得票数 0
1回答
我正在构建应用程序接口来连接我的react应用程序和我的后端服务，我想使用typescript在我的Axios请求中指定data的类型。如何在不修改其他字段的情况下更新Axios响应中的数据类型(参见下面代码中的getAllProjects )？ class MyApi {
constructor(token: string | null) {
let headers: any = {
'Content-Type': 'application/json',
};
if (token) {
浏览 426提问于2021-02-02得票数 3
回答已采纳
我正在做一个TypeScript项目，我需要创建一个服务函数。所以我用这种格式创建：
interface UserService {
name: string;
age: number;
complement: string;
}
const userService = ({ name, age, complement }: UserService) => {
// CODE
};
考虑到TypeScript中的最佳实践，使用第二种格式可以吗?还是需要键入作为第一种格式传递给的对象？
第一种格式：
const user: UserService = {
name:
浏览 2提问于2022-05-18得票数 0
回答已采纳
我试着用钩子做一个上下文，用这样的文字记录来回应：
// StateGlobalContext.ts
import React, { Dispatch, ReactNode, SetStateAction } from "react";
export interface StateGlobalContextType {
loading: boolean
setLoading: Dispatch<SetStateAction<boolean>>
}
export const StateGlobalContext = React.createCo
浏览 2提问于2022-05-07得票数 1
回答已采纳
我试图使用context传递setState，但在声明其默认值时遇到了问题。我如何才能这样做，以便TS不会给我错误类型的属性是不兼容的？如何声明它的默认值是否符合Dispatch<SetStateAction<string>>类型
import { createContext, useState, useEffect } from "react";
import useLocalStorage from "../../hooks/useLocalStorage/";
interface DarkModeContextProviderPr
浏览 5提问于2022-10-16得票数 2
我注意到，不同的浏览器在将文本字段连接到datalist时有不同的建议值的行为。有些浏览器显示的条目与您输入的内容完全相同(IE，旧的chrome版本)，而其他浏览器则显示包含您键入的子字符串的条目(firefox，较新的铬版本)。
例如，在文本框中键入i，并观察建议：
browser:
<datalist id="browsers">
<option value="Google Chrome">Google Chrome</option>
<option value="Internet E
浏览 4提问于2015-01-04得票数 12
我正在用TypeScript 2.8.1处理角5的菜单。
我想添加类型来验证传入的配置，但是当我添加不正确的属性(例如undesirableData)时，什么都不会发生。
为什么TS不显示错误？
样本代码：
type MenuElement = MenuGroup | MenuItem;
interface MenuGroup {
id: number;
name: string;
icon?: string;
items: MenuItem[];
}
interface MenuItem {
id: number;
name: string
浏览 1提问于2018-04-18得票数 1
回答已采纳
3回答
我目前正在编写上下文API，如下所示： import React, { useState, createContext, SetStateAction } from 'react'
type LoginContextProps = [boolean, React.Dispatch<SetStateAction<boolean>>]
export const LoginContext = createContext<LoginContextProps>([])
export const LoginProvider = ({
chil
浏览 32提问于2021-04-27得票数 0
回答已采纳
1回答
为什么在这里需要关联类型，即使它从未被使用过？
trait Tr {
type Ty;
fn go(&self) -> () {}
}
fn foo(t: dyn Tr) -> () {
t.go()
}
我得到了
2 | type Ty;
| -------- `Ty` defined here
...
6 | fn foo(t: dyn Tr) -> () {
| ^^^^^^ associated type `Ty` must be specified
浏览 1提问于2019-12-06得票数 0
回答已采纳
1回答
原稿编辑成简化的示例
我希望创建一个组件，它将使用一对值(这两个值都基于相同类型的-> value，setValue)，并将根据这些类型运行函数。为了充分说明这一情况：
AnimalAndCatTypes.ts：
export interface Animal {
type: string,
age: number
}
export interface Cat extends Animal {
typeOfCat: string,
}
ChangeSpecies.tsx：
import React from "react";
import { Animal,
浏览 3提问于2021-10-20得票数 1
回答已采纳
我正在使用IMetaDataImport应用程序接口，并且我需要确定程序集中的类型定义是值类型还是引用类型。我还没有在API中找到任何显式提供此信息的方法。但是，我可以很容易地获得基类型并检查它是否为System.ValueType。
我的问题是:基类是CLI元数据对类型是值类型进行编码的唯一方式吗?还是有一些标志可以用来说明这一点？
浏览 0提问于2012-07-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
