问题标签 [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.
reactjs - 运行“npx create-react-app todo --typescript”后,tsx 文件不存在
我是打字稿的新手,我阅读了一些带有打字稿的反应文章,并看到了以下用于安装带有 tsx 文件的样板的命令。当我运行它时,我从来没有得到 tsx 文件,甚至是 tsconfig json。我错过了什么
npx create-react-app todo --typescript
reactjs - React Hooks 和 jsx-no-lambda 警告
所以现在我们不能将钩子用作旧样式的事件函数,除了禁用警告之外,调用不违反规则的事件函数的最佳方法是什么
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
reactjs - 从打字稿中的对象破坏属性
在我semantic-ui-react
用于 UI 的带有打字稿的反应应用程序中。这个snabdobx显示了Menu.Item
在 javascript 中的用法,但我想在 typescript 中使用它并感到困惑。
中的类型MenuItem.d.ts
是
这里{name}:{name:string}
行不通。并获取我无法设置状态的全部数据data.name
javascript - 无法在尚未安装的组件上调用 setState - tsx
我找到了一些关于这个问题的线索,但没有一个能解决我的问题。
无法在尚未安装的组件上调用 setState。这是一个无操作,但它可能表明您的应用程序中存在错误。
- 如果我
componentDidMount() { console.log("Mounted!"); }
确定,它仍然出现在控制台窗口中。 - 我已经尝试过类似线程的答案,例如安装 babel polyfill、删除 react-hot-loader,但它们都不起作用。
- 我在每个组件中都遇到了这个问题,我有 setState 和一个按钮(或类似的东西)来调用该方法。
- 任何人都有解决的想法?我很欣赏他们每一个人。非常感谢
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
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
在项目根目录的类型文件夹中创建,例如
只是为了拥有foo
as 类型any
,但仍然得到相同的错误。似乎任何编译器(webpack,其他转译器)都没有在types
文件夹中找到声明
如何向项目添加自定义类型声明?
css - Material-ui 样式对话框/模态背景
如何设计材质 UI 对话框或模态的透明深色叠加层?我正在使用material-ui/React/Typescript。
我希望它是透明的白色,而不是透明的黑暗。我更喜欢JSS解决方案,但欢迎使用内联样式。
javascript - setState 函数不适用于子组件
我的 React 组件中有以下代码:
当我从同一个组件调用该output
方法时,它运行良好,并且状态更改成功。但是当我从我那里调用它时ChildrenComponent
它不起作用,并且状态永远不会改变。
所以我在output
函数中添加了以下代码,以了解发生了什么:console.log(this.setState)
. 结果是“setState”函数在那里。
那么,如果函数setState
正确绑定到output
,为什么它不起作用?为什么它只有在从当前组件调用输出时才有效?`
reactjs - React Hooks (useState) 和 Mobx [没有 mobx-react-lite]
在我的反应应用程序(带有打字稿)中,我想使用 React 钩子(特别是 useState)来管理表单状态,同时将其用作 Mobx 商店的可观察组件,但我得到了错误
Hooks 只能在函数组件的主体内部调用。
因此,例如在以下组件中
我看到了一个解决方案,但它React.createContext
用于导出商店类。是不是 Mobx 和 Hooks 的旧方法在哪里?
这是示例的sanbox