问题标签 [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 投票
1 回答
2101 浏览

javascript - 如何在 TSX 中将值从子组件传递给父组件?

父组件有这个

并且 onUpdate 处理值和索引

在子组件中,我有一个输入字段

这会调用一个想要将道具发回的方法

而且我在想我需要为价值做接口,但是怎么做呢?

编辑:家长:

孩子

0 投票
2 回答
90903 浏览

reactjs - 打字稿图像导入

我在这里找到了一个解决方案:Webpack & Typescript image import

但我得到了这个错误:

我想我需要以某种方式强制导入,但不知道如何。我在 React 中这样做。我看到该src属性被定义为string | undefined,这就是弹出错误的原因。

这是代码:

HTML:

以及基于上述解决方案的定义:

配置:

0 投票
4 回答
3867 浏览

reactjs - 如何在 onclick 事件中将 li 值传递给方法?使用反应打字稿

在 onClick 事件中,我给出了一个 currentValue 处理程序

在处理程序中,我必须使用哪个事件来获取目标值?

0 投票
1 回答
591 浏览

reactjs - ReactJS 通过 ref 渲染元素

我正在尝试渲染一个有两个孩子的父组件。子项的渲染将切换,因此一次只会渲染第一个子项,另一次将是最后一个子项,最后将切换回第一个子项(然后应该包含之前显示的所有值)。我以为这很简单,但事实证明并非如此。

现在问题来了:每当调用 switchContainer 方法时,它都会切换容器并渲染另一个容器。然而,所有成员变量、道具和状态都丢失了,它基本上从头开始重新实例化子组件。

有没有办法“按原样”保存子组件,一旦重新渲染,它将再次保存所有成员变量、道具和状态?

我知道您可以像这样向元素发送道具和状态:

但这并不能解决缺少成员变量的问题,而且我认为这不是一个顺利的解决方案。

到目前为止,我的尝试是(这只是一个模型):

0 投票
1 回答
1497 浏览

reactjs - 当父组件在其子组件中注入道具时,如何在 Typescript 中定义道具?

当一个组件克隆它的子组件来注入 props 时,如何定义子组件的 props 类型?

我收到一个错误原因injectedProps,预计在Child


子错误:injectedProp丢失

0 投票
1 回答
1314 浏览

reactjs - 类型上不存在属性“onload”

有我的代码在打字稿中使用图像标签

当我在那里使用onload属性时,我得到了错误

任何帮助,将不胜感激!!!谢谢

0 投票
3 回答
13030 浏览

reactjs - React 找不到模块“react-vis”的声明文件

我为我的反应代码安装了 react-vis 库。
我使用了这个命令,就像在教程中一样:npm install react-vis --save
但是当我用这个代码包含库时:import {XYPlot, XAxis, YAxis, HorizontalGridLines, LineSeries} from 'react-vis';
它给了我以下错误:

Could not find a declaration file for module 'react-vis'. 'C:/react-vis/dist/index.js' implicitly has an 'any' type.
Try npm install @types/react-vis if it exists or add a new declaration (.d.ts) file containing declare module 'react-vis';
即使这样也行不通。有人知道怎么做吗?
我只是反应的初学者。

0 投票
1 回答
1362 浏览

reactjs - 编译器错误:类型“{}”不可分配给类型“只读”>'。类型“{}”中缺少属性“匹配”

我正在尝试使用打字稿制作简单的 CRUD 示例并做出反应。我是打字稿的新手,所以我不完全理解这个错误应该是什么意思。

我已经在组件中完成了添加/编辑功能,但我想在单击时动态调用该组件,并将其显示为页面上的弹出窗口或模式窗口,该窗口显示网格而不重定向到另一条路线。

当我尝试调用我的其他组件AddNaselje时,出现以下 typescript 编译器错误:

这是我的父组件代码,其中显示了显示城市的项目网格:

这是我想要动态显示的 AddNaselje 组件,即使上面的示例中仍然没有逻辑:

我也不确定的一件事是组件的路由路径如果我在另一个组件中使用一个组件,我应该如何配置它们?

0 投票
1 回答
2226 浏览

reactjs - 使用 React Typescript 的扩展运算符

我有一个单页应用程序,重定向实现为

)

我正在尝试将其更新为像这样

如何使用 typescript 中的扩展运算符传递道具?

更新

不用说,我不仅仅依靠客户端代码进行身份验证。

我已经尝试过了,但没有帮助:Spreading react props in tsx in typescript 2.3.1

0 投票
1 回答
512 浏览

typescript - 如果项目项组中包含 tsx 文件,则模块解析错误

我用反应模板创建了一个新的 asp.net 核心项目,并为它配置了 Typescript。

然后我制作了一个非常简单的文件Test.tsx,使用以下代码调用

这导致了错误

错误 TS1192 (TS) 模块 '"***/React/React/ClientApp/node_modules/@types/react/index"' 没有默认导出。

在此处输入图像描述

然后我将文件复制粘贴到相同的位置并命名它Test2.tsx。错误只是神奇地消失了。 在此处输入图像描述

我做了一些更多的挖掘,发现如果我使用右键单击添加文件 -> 添加新项目 -> TypeScript JSX 文件,那么它将在.csproj文件中添加一个条目

删除这一行将使编译错误消失。但是为什么会这样??每次我想添加一个新的 TSX 文件时,我是否必须去删除这一行?

使用 Visual Studio 2017 和 TypeScript 3.1.3