繁体   English   中英

在 typescript 中错误地导入和使用类型的属性

importing and using properties of types incorrectly in typescript react

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我无法在组件之间获取某种类型的道具。 我有一个 class 组件,它已经通过了类型道具。 但我需要传递另一种类型来引用获取方法的 id 道具。 我不确定我是否解释正确,所以这里是代码。

interface ChannelEntryType {
    entry: string
    id: string
}

interface AuthProps {
    sessionToken: string | undefined | null
}

interface ChannelEntryState {
    channelEntry: ChannelEntryType[]
    updateActive: boolean
    createActive: boolean
    updatedChannelEntry: ChannelEntryType
}

export default class ChannelEntry extends Component<AuthProps, ChannelEntryState> {
    constructor(props: AuthProps) {
        super(props)
        this.state = {
            channelEntry: [],
            updateActive: false,
            createActive: false,
            updatedChannelEntry: {
                entry: "",
                id: ""
            }
        }
    }

getChannelEntry = (id: string) => {
    console.log("get channel entry called")
    console.log()
    fetch(`${APIURL}/channelentry/${id}`, {
        method: "GET",
        headers: new Headers({
            "Content-Type": "application/json",
            "Authorization": `${this.props.sessionToken}`
        })
    })
    .then(response => response.json())
    .then(data => {
        console.log(data)
        this.setState({
            channelEntry: data
        })
        console.log(this.state.channelEntry, "channel entry called")
    })
    .catch(err => console.log(err))
}

我正在尝试导入另一个 id 道具以传递给 getChannelEntry 但不知道如何将另一个道具类型传递给 class 组件。

问题暂未有回复.您可以查看右边的相关问题.
1 在 React 中的 src 之外导入 TypeScript 类型

我最近一直在做一个React + Express项目,它的项目文件结构是这样的: 所以 express 应用程序位于ExpressApp文件夹中,react 应用程序位于ReactApp文件夹中, Common内部是一组在 express 和 react 应用程序之间共享的Typescript类 ...

4 如何使用Typescript中的映射类型替换属性

我有一个可以接收对象的Factory函数,如果该对象具有具有特定名称的属性,则工厂会将这些属性转换为方法。 如何使用映射的类型正确表示输出对象的类型? 例如,假设可转换属性为foo,bar和baz: 替换属性为: 如果输入的类型是 工厂用方法替换baz和foo ...

5 React TypeScript:路由位置和子属性的正确类型

我有一个路由器可以传递位置和子项的道具,但我不知道这些道具的正确类型是什么。 这是使用 react-router-dom 的路由器... 在布局组件内部,我有一个用于位置和子项的界面,但是因为我不知道这些的正确类型,所以我最终使用了任何类型,然后我的 linter 出现了问题。 我得到的错 ...

6 反应,打字稿-如何设置不同类型的状态属性

当我的状态属性具有不同的类型时,如何使用类型注释设置状态? 例如,在这里我想编写两种方法-一种设置字符串,另一种设置数字: 但是我收到以下错误: 错误:(19、19)TS2345:类型'{[x:string]:string; }'不可分配给'State | ((prevS ...

8 TypeScript中匿名类型的属性

我正在尝试在TypeScript中的Lambda表达式中检查匿名类型的属性。 这不会编译: 内部版本:类型“ {}”上不存在属性“ infomodel”。 sn.app.map.Markers数组的类型为any ...

9 导入类型与在 Typescript 中使用声明文件有什么好处

我们的团队正在从纯 JS 过渡到 TS。 我发现超级烦人的一件事是必须导入类型。 他们什么都不做,只会污染进口空间。 我发现在声明文件中定义我的类型可以让我不必导入类型。 我的大多数工程师认为导入类型比拥有“全局”声明“更好”。 我不相信......导入类型而不是在声明文件中定义它们有什么好处吗? ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM