美文网首页
React项目中使用TS, jsx语法与ts语法冲突解决方法

React项目中使用TS, jsx语法与ts语法冲突解决方法

作者: 码农私房菜 | 来源:发表于2023-09-10 18:17 被阅读0次

    React项目中使用TS, jsx语法与ts语法冲突

    报错示例

        const childrenDom = <T>(params:T):JSX.Element => {  // JSX 元素“T”没有相应的结束标记。 ts(17008)找不到名称“T”。 ts(2304)
            return (
                <div className="title">
                    {params}
                </div>
            )
        }
    

    修正只需要在<T>中的T后边增加一个逗号就能避免语法冲突

    const childrenDom = <T,>(params:T):JSX.Element => {
            return (
                <div className="title">
                    {params}
                </div>
            )
        }
    

    或者 以:方式定义

    const childrenDom: <T>(params: T) => JSX.Element = (params) => {
            return (
                <div className="title">
                    {params}
                </div>
            )
         }
    

    相关文章

      网友评论

          本文标题:React项目中使用TS, jsx语法与ts语法冲突解决方法

          本文链接:https://www.haomeiwen.com/subject/pkisvdtx.html