TypeScript 当不使用React.Fragment时，JSX片段的类型是不正确的,

bpsygsoo 于 6个月前发布在 TypeScript

关注(0)|答案(4)|浏览(78)

Bug报告

🔎 搜索词

React Fragment

🕗 版本与回归信息

我认为这是由于React的变化而引起的新的不一致性。

⏯ Playground链接

https://github.com/gkemp94/test-typescript-fragment

代码

import React from "react";

const test = () => "asd";

// No Errors
const jsxWithJsxFragment = <>{test}</>;

// Type '() => string' is not assignable to type 'ReactNode'.
const jsxWithReactFragment = <React.Fragment>{test}</React.Fragment>;

🙁 实际行为

当使用 <> 与 <React.Fragment> 时，子元素没有得到正确的类型检查。

🙂 预期行为

当指定 jsx: react 时，对 <> 的类型检查应与 React.Fragment 相同。

typescript

来源：https://github.com/microsoft/TypeScript/issues/50429

4条答案

按热度按时间

sqyvllje1#

Playground链接

赞(0）回复(0）举报 6个月前

hmmo2u0o2#

@RyanCavanaugh 是否应该将 JsxOpeningFragment 纳入 CallLikeExpression?
TypeScript/src/compiler/types.ts
第2802行至第2808行
| | exporttypeCallLikeExpression= |
| | |CallExpression |
| | |NewExpression |
| | |TaggedTemplateExpression |
| | |Decorator |
| | |JsxOpeningLikeElement |
| | ; |
它没有 tagName(我们在 JsxOpeningLikeElement 中用于解析调用)*和其他常见的 CallLikeExpression 属性 - attributes,typeArguments 等。
或者我们需要制作一种特殊的片段工厂(具有合成名称)调用解析吗？