问题标签 [tsx]

我目前正在使用类型化的 React (TSX) 和 mobx 进行状态管理。

我能够构建一个同时使用观察者和注入装饰器的组件。但是我无法构建一个在没有观察者的情况下使用注入的组件。

这通过了打字稿编译器

然而这失败了

带有以下错误消息

请协助我制作此错误消息的正面和反面。我敢打赌，打字已经过时了。否则在没有观察者的情况下使用注入实际上是无效的组合。

我正在使用 TypeScript 2 和 TSX 与保留（非 React）设置并启用“noImplicitAny”：

问题是，我在尝试构建一个简单的 TSX 文件时不断收到此错误：

这是我的 TSX 文件的示例：

我正在尝试让 TSX 使用非 React 堆栈（秘银）。提前致谢！

我想我只是无法解决这个问题，我可能已经尝试了六次并且总是求助于any......有没有一种合法的方法可以从 HTML 元素开始，将其包装在一个组件中，然后包装它在另一个组件中，以便 HTML 道具通过所有内容？本质上是自定义 HTML 元素？例如，类似：

用法：

每当我尝试这种组合时，都会收到类似于以下内容的错误：

foo 的属性“ref”不可分配给目标属性。

我使用 mocha 从命令行测试 tsx 组件。我用于编译 ts-node 包。但它不能编译 jsx。我的 tsconfig.json 有 jsx 编译选项。

mocha --compilers ts:ts-node/register,tsx:ts-node/register,js:babel-core/register ./src/testing.tsx

SyntaxError：Exports.runInThisContext (vm.js:53:16) 处的意外令牌 <

tsconfig.json ：

/src/testing.tsx ：

我有两个文件

应用程序.tsx：

你好.tsx

这两个文件都位于同一个文件夹中。

我把 tsconfig.js 写成

尝试在节点 js 中运行 tsc 时，出现错误

我的目标是通过 webpack 打包 app.tsx 和 hello.jsx 编译的 js 文件。

请帮助我，因为我是初学者。提前致谢

我是来自 reactjs+typescript 的 React-native 新手。我正在尝试建立一个相当简单的项目测试，看看这项技术是如何工作的。我正在使用 VS 代码。

按照基本教程，我已经设置了我的项目，我可以在 Visual Studio Android 模拟器中运行它。

现在我想看看如何创建一个自定义的 .tsx 文件（比如 profile.tsx），编写一个渲染函数并将其显示在索引页面（index.android.js）上。

所以我创建了一个 .tsx 文件：（我已经省略了文件开头的各种导入语句）

使用 VS Code 我可以编译此文件并生成其相应的 profile.js 和 profile.js.map 文件。

profile.js 的内容是：

在运行时行 react_1。default.createElement因以下消息而崩溃：

undefine 不是对象（评估 react_1.default.createElement）

有这个“默认”属性，我不知道它是什么。

那么如何创建一个包含一些 jsx 代码的 .tsx 文件并正确转换它以便在 react-native 应用程序中正确使用呢？

• PS：这是我的 tsconfig.json 文件，我用jsx="react"启用了 jsx

任何帮助，建议，方向将不胜感激。谢谢你。

我有一个用 Typescript 2.0.6 + JSX (TSX) 编写的 React 组件，它需要使用 LinkedStateMixin。如何在我的类定义中包含 mixin？我已经搜索了官方文档但没有成功。有没有办法在我的组件类中包含一个 mixin？

注意：我使用的是 ReactJS v0.14.6

Visual Studio 没有正确嵌套（就像它对 js.map 文件所做的那样）或隐藏（像非核心项目）我的 js 文件，这些文件是由我的 asp.net mvc 核心项目中的 typescript 编译器创建的。这污染了我的解决方案资源管理器。

这是当前行为的图像。

我想知道如何隐藏 js 文件或嵌套它。以一种不涉及为每个文件单独执行的方式。

我有一个自动转换为 .jsx 的 .tsx 文件，我也有一个将 .jsx 转换为 js 的文件观察器，但如果我单独创建 .jsx，文件观察器不会拾取 .tsx 下的 .jsx 文件 - 它作品。

TL;博士

我正在使用 TypeScript 和 React。我已经定义了我的AppContainer.tsx组件，并将其导出为默认值。我在文件app.ts中ReactDOM使用它以将其呈现给目标 dom 元素。但是我收到以下错误（见图）。阅读以下内容以获取更多信息和指向 GitHub 存储库的链接。

问题：我在做什么或解释错了什么？从我看到的所有代码示例中，这应该可以工作-但也许（显然）我遗漏了一些东西。下面是更多信息和完整 GitHub 存储库的链接。

环境

• 反应 15.4.2
• 反应域 15.4.2
• 打字：https ://github.com/aredfox/electron-starter/blob/master/typings.json
• tsconfig：https ://github.com/aredfox/electron-starter/blob/master/tsconfig.json

代码

文件'/components/AppContainer.tsx'

https://github.com/aredfox/electron-starter/blob/master/src/views/components/AppContainer.tsx

文件'app.ts'

https://github.com/aredfox/electron-starter/blob/master/src/views/app.ts

快速链接

• Git 仓库：https ://github.com/aredfox/electron-starter
  • app.ts文件https://github.com/aredfox/electron-starter/blob/master/src/views/app.ts
  • AppContainer.tsx文件https://github.com/aredfox/electron-starter/blob/master/src/views/components/AppContainer.tsx