问题标签 [react-tsx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
368 浏览

reactjs - 运行“npx create-react-app todo --typescript”后,tsx 文件不存在

我是打字稿的新手,我阅读了一些带有打字稿的反应文章,并看到了以下用于安装带有 tsx 文件的样板的命令。当我运行它时,我从来没有得到 tsx 文件,甚至是 tsconfig json。我错过了什么

npx create-react-app todo --typescript

0 投票
1 回答
6173 浏览

reactjs - React Hooks 和 jsx-no-lambda 警告

所以现在我们不能将钩子用作旧样式的事件函数,除了禁用警告之外,调用不违反规则的事件函数的最佳方法是什么

0 投票
1 回答
472 浏览

reactjs - Cannot find module 'delegates' in CRA yarn add node-sass

I have created a fresh app with CRA and want to add Sass support according to its official description which simply says to add it with yarn add node-sass

but this throws an error

0 投票
2 回答
646 浏览

reactjs - 从打字稿中的对象破坏属性

在我semantic-ui-react用于 UI 的带有打字稿的反应应用程序中。这个snabdobx显示了Menu.Item在 javascript 中的用法,但我想在 typescript 中使用它并感到困惑。

中的类型MenuItem.d.ts

这里{name}:{name:string}行不通。并获取我无法设置状态的全部数据data.name

0 投票
2 回答
6287 浏览

javascript - 无法在尚未安装的组件上调用 setState - tsx

我找到了一些关于这个问题的线索,但没有一个能解决我的问题。

无法在尚未安装的组件上调用 setState。这是一个无操作,但它可能表明您的应用程序中存在错误。

无法在尚未安装的组件上调用 setState

反应应用。无法在尚未安装的组件上调用 setState

  • 如果我componentDidMount() { console.log("Mounted!"); }确定,它仍然出现在控制台窗口中。
  • 我已经尝试过类似线程的答案,例如安装 babel polyfill、删除 react-hot-loader,但它们都不起作用。
  • 我在每个组件中都遇到了这个问题,我有 setState 和一个按钮(或类似的东西)来调用该方法。
  • 任何人都有解决的想法?我很欣赏他们每一个人。非常感谢
0 投票
1 回答
2736 浏览

typescript - 创建 React App 找不到声明的模块

我有一个使用 CRA 打字稿创建的项目。

在项目的根目录下存在tsconfig.json一个名为types. 在 types 文件夹中,我modulename.d.ts为在 node_modules 处没有默认类型的模块创建了一个文件,并且在@types\module-name.

但我在编译时得到错误。

类型错误:找不到模块“名称”的声明文件。'/*/node_modules/thename/dist/entry.js' 隐含了一个 'any' 类型。

为什么编译器在类型文件夹中找不到类型声明?

这是tsconfig.json

0 投票
2 回答
2291 浏览

reactjs - 如何使用 CRA 向 react-typescript 项目添加类型声明

我用 CRA 创建了一个 react typescript 项目,命令如下yarn create react-app my-app --typescript

现在我安装了一个模块foo,默认情况下没有任何类型,不在defentlytyped存储库中。

即在一个组件中,我有

引发错误Type error: Could not find a declaration file for module 'foo'. '/*/node_modules/foo/dist/entry.js' implicitly has an 'any' type.

foo.d.ts在项目根目录的类型文件夹中创建,例如

只是为了拥有fooas 类型any,但仍然得到相同的错误。似乎任何编译器(webpack,其他转译器)都没有在types文件夹中找到声明

如何向项目添加自定义类型声明?

0 投票
1 回答
9291 浏览

css - Material-ui 样式对话框/模态背景

如何设计材质 UI 对话框或模态的透明深色叠加层?我正在使用material-ui/React/Typescript。

在此处输入图像描述

我希望它是透明的白色,而不是透明的黑暗。我更喜欢JSS解决方案,但欢迎使用内联样式。

0 投票
1 回答
1063 浏览

javascript - setState 函数不适用于子组件

我的 React 组件中有以下代码:

当我从同一个组件调用该output方法时,它运行良好,并且状态更改成功。但是当我从我那里调用它时ChildrenComponent它不起作用,并且状态永远不会改变。

所以我在output函数中添加了以下代码,以了解发生了什么:console.log(this.setState). 结果是“setState”函数在那里

那么,如果函数setState正确绑定到output,为什么它不起作用?为什么它只有在从当前组件调用输出时才有效?`

0 投票
2 回答
15362 浏览

reactjs - React Hooks (useState) 和 Mobx [没有 mobx-react-lite]

在我的反应应用程序(带有打字稿)中,我想使用 React 钩子(特别是 useState)来管理表单状态,同时将其用作 Mobx 商店的可观察组件,但我得到了错误

Hooks 只能在函数组件的主体内部调用。

因此,例如在以下组件中

我看到了一个解决方案,但它React.createContext用于导出商店类。是不是 Mobx 和 Hooks 的旧方法在哪里?

这是示例的sanbox