问题标签 [tsx]

render我在 TypeScript 中有一个 React HOC，但是当我从 TSX 组件方法中调用它时，它似乎不起作用。这是一个例子：

我从这样的父 JSX 文件中调用它：

第一个和第二个测试按预期工作——第二个测试中的文本是红色的。但是第三行什么也不渲染。我预计第二行和第三行是相同的。

当我使用调试器单步执行它时，Test #2 的参数是 type 的 Component HelloWorldComponent，但 Test #3 看到的是Component = Object {$$typeof: Symbol(react.element), ...}.

有没有办法使用{ withRedText(<HelloWorldComponent />) }JSX/TSX 文件中的语法动态包装组件？

(TypeScript 2.1.4 & React 15.4.0)

这是在 CodePen 上

我正在阅读本教程以获取有关如何在组件中使用类型的一些线索。但到目前为止我的感觉是它是做作的和冗长的。从一个很好的简洁代码，我们得到了一些非常难以阅读的东西。最优雅的方法是什么？似乎关于这个主题的信息很少而且经常过时。使用 TS 和 React 的人并不多。

React.StatelessComponent<React.HTMLProps<JSX.Element>>优于React.StatelessComponent<{}>? _

一切从这个错误开始[ts] Property 'propTypes' does not exist on type '({match, onClick, completed, text}: EntityPage) => Element'.

我目前的设置：

我遵循了Airbnb React/JSX 风格指南，它说“总是自关闭没有孩子的标签”。

它也适用于<i></i>通常没有孩子的标签吗？可以像<i className="fa fa-info" />JSX 那样写吗？

类似于当我记录这样的函数时 ide 如何帮助描述。

我希望 ide 在以下场景中显示描述，但除了“（JSX 属性）测试：布尔值”之外，我无法让它说出任何内容

在帮助测试属性时，有没有办法让它显示描述？

例子：

请注意底部图像有 - 一些描述和顶部没有

我正在尝试将焦点设置在 div 元素上，因此我的工具提示模式将可以滚动，而无需将鼠标悬停在该元素上页面溢出。我的想法是在工具提示上设置一个最大高度并允许它可以滚动。

这是我尝试过的。

对于我的 setFocus 函数

我的 onFocus 功能永远不会被触发。

我的团队正在使用 React、Typescript、TSX 和 Webpack 创建 CMS 的管理面板。管理面板的每个页面都被创建为一个 React 组件，并且每个页面都包含许多其他子组件（每个部分一个）。

CMS 发行版当前包含运行 Web 应用程序所需的捆绑版本的 javascript，但不包含原始 TSX 文件。

现在，我们想让使用我们的 CMS 的开发人员能够通过以下方式扩展 Web 应用程序

1)使用“slot-fill”方法将附加部分注入UI

2) 甚至可能覆盖现有部分，在同一位置呈现不同的组件。

从我们迄今为止进行的研究来看，似乎没有“官方”的方法来做到这一点，所以我想知道在这种情况下什么是最好的方法。

我在使用 TypeScript 编写 React 组件的 .Net Core Web 应用程序上打开了 Resharper Ultimate。

所以我有一个简单的组件类；

export class Index extends React.Component<{},{}>{

Resharper 警告我

Generic type '_$_$RsRpExt"FromFile;....\node_modules\@types\react\index.d.ts, module=JavaScriptReferencedFilesModule:Referenced external files".React.Component' requires 1 type argument(s), but got 2

我用于反应的 npm 包是；

依赖项：

开发依赖

查看输入的文件，我可以看到 React 组件应该接受 2 个参数：

我正在使用 webpack 编译 TS/TSX 文件，一切正常，项目也正常工作，但是如果 Resharper 不能很好地使用 TypeScript 代码，那将会很烦人。

有人知道解决这个问题的方法吗？

我试图了解在打字稿中使用 tsx 文件是否存在类型推断的限制。

如果我创建一个无状态的反应组件：

然后在第二个 tsx 文件中尝试以下操作：

props1 的推断类型为TestProps， props2 的推断类型为any。

我的印象是最后两行是等价的。Typescript 是否有理由相信第二次调用中的 object 是 a React.ReactElement<any>？

我在 ASP.NET Core 2.0 上使用 React，我的 webpack 变得疯狂，每秒都在重建项目。我不擅长 Asp.net，所以也许你可以帮我解决这个问题……也许我的 webpack.config 会有所帮助。我只是运行“dotnet run”，它开始一遍又一遍地重建项目。我不确定这是 asp.net 配置还是 webpack 的问题，但是当我尝试将我的 .tsx 文件更改为 .jsx 时它就开始了

};

我对 JetBrains 产品有点熟悉，我知道我可以为我正在处理的文件设置样式。但是，我无法找到在哪里配置我的 .tsx 文件以查看我想要的样式。似乎，TypeScript 部分的更改不会更改我的 .tsx 文件。

正如您在下图中看到的，我有 .tsx 文件，我希望在{、 before}和 before之后有空间/>。但是，在我点击command++后，我的所有空格都会被option删除L。