问题标签 [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 回答
412 浏览

javascript - “类型字符串的参数不能分配给自定义类型的参数”的难看问题

我有一个有效的打字稿代码,请参阅片段。TS 的问题在于,它将代码声明为错误的消息:

'string' 类型的参数不能分配给 'SetStateAction<"vertical" | 类型的参数 “水平” | “垂直反转” | “水平反转”>'。

我怎样才能把这段代码写得更干净?我考虑过使用类型或枚举,但后来我得到了许多不必要的强制转换,这会降低可读性,并且它变成了意大利面条代码,因为我为此编写了很多代码。

这里的代码:

这里也是使用枚举的方法,但在我看来,这是使用大量代码的方式还是合法的?(使用这种方法编译器没有错误):

我现在的解决方案(虽然我没有使用界面..)

0 投票
1 回答
1603 浏览

reactjs - TSX 类组件中的 Material UI makeStyles

如何在 TSX 类组件中使用 Material UI 样式选项?由于类型化的道具和状态,我似乎无法弄清楚如何去做。下面的代码在 componentWillMount 方法中抛出“无效挂钩”错误,我尝试将创建的样式加载到我的组件状态中。您将如何在 TSX 组件中使用 Material UI makeStyles 方法?

0 投票
1 回答
1529 浏览

reactjs - 如何处理具有类型编号值的受控输入元素中的 NaN

在像下面的代码片段这样的情况下,我应该如何处理NaN状态类型在哪里number

服务器发送一个对象数组:

所以这里的空输入将导致NaN, Warning: Received NaN for thevalue attribute. If this is expected, cast the value to a string.

如果我检查条件 isNaN(parseInt(e.target.value)),我应该用什么更新状态?一般来说,在这种情况下,我怎么能有 empty input

0 投票
1 回答
45 浏览

react-redux - Array.indexOf 不是函数

我制作的应用程序是一个电影网站,根据您的搜索显示电影。您也可以添加收藏夹,但它不会链接到您的个人资料。所以我想出的解决方案是在 redux 的配​​置文件初始状态中设置另一个值。

然后从那里映射它

甚至认为它在控制台中完美运行,当我在代码中实现它时,它告诉我 profileReducer.indexOf 不是一个函数。

0 投票
1 回答
110 浏览

javascript - Sharepoint Online + React TS。类型“XXX”上不存在属性“XXX”

所以我目前正在做这个项目,该项目由 Sharepoint Online 和 React TS 组成。我目前正在构建一个下拉菜单,并为下拉菜单创建了道具和方法,但是,我不断收到错误消息:

  1. “卡片”类型上不存在属性“下拉菜单”。

  2. 类型“Readonly<{}> & Readonly<{children?:ReactNode;}>”上不存在属性“showMenu”。

有错误的行:

  1. 第 34 行
  1. 第 54 行

提前感谢任何帮助的人。

0 投票
1 回答
1110 浏览

reactjs - 突出显示导航窗格的选定项目

参考https://developer.microsoft.com/en-us/fabric#/controls/web/nav下的示例“带有嵌套链接的导航”,单击导航项目时,我想突出显示该项目。我已将 url 设置为 ' ',以便单击某个项目不会执行任何操作。但是,我希望在点击时突出显示该项目。我该怎么做呢?任何指针都会有所帮助。

0 投票
4 回答
5758 浏览

css - 全屏打印 MaterialUI 对话框

我是 React 和 Material-UI 的新手,我想打印我当前的对话框。

问题是我无法找到一种方法来最大化我的对话框以进行打印(设置为全屏),而无需在浏览器中执行它。所以我基本上想要在我的浏览器中有一个更小的对话框,并且对话框的最大尺寸。

这是我在 TSX 中的基本代码:

以及对应的css文件:

我可以使用css解决它吗?还是我必须使用 React/Material-UI?

0 投票
1 回答
44 浏览

java - 如何将反应端口更改为 API 端口?

我设计了一个登录页面来做出反应。它在 3000 个端口上运行。单击登录按钮后,它应该转到API端口并检查用户名和密码是否必须帐户。

截屏

这是api调用:

这是调用 api 端口的 React 代码:

公共静态保存登录(输入:任何){

post 方法应该调用 8095 端口,但它会进入 3000 端口。

0 投票
1 回答
1174 浏览

reactjs - 如何设置固定在框右侧的图标?

我使用 MaterialUi 和 ReactTSX。当我导入芯片并显示它时。它在标签的右侧显示了 deleteIcon,但我希望它在框的右侧。 显示问题

0 投票
1 回答
179 浏览

css - 如何在中设置不同的背景图像
.map() 函数中的元素?

我想给每个CategoryCarddiv 一个不同的background-image.

如何使用样式化组件解决这个问题?我使用 React 和 Typescript。

图片的 URL 是本地的,这意味着我的图片存储在我的计算机上