问题标签 [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.
javascript - “类型字符串的参数不能分配给自定义类型的参数”的难看问题
我有一个有效的打字稿代码,请参阅片段。TS 的问题在于,它将代码声明为错误的消息:
'string' 类型的参数不能分配给 'SetStateAction<"vertical" | 类型的参数 “水平” | “垂直反转” | “水平反转”>'。
我怎样才能把这段代码写得更干净?我考虑过使用类型或枚举,但后来我得到了许多不必要的强制转换,这会降低可读性,并且它变成了意大利面条代码,因为我为此编写了很多代码。
这里的代码:
这里也是使用枚举的方法,但在我看来,这是使用大量代码的方式还是合法的?(使用这种方法编译器没有错误):
我现在的解决方案(虽然我没有使用界面..)
reactjs - TSX 类组件中的 Material UI makeStyles
如何在 TSX 类组件中使用 Material UI 样式选项?由于类型化的道具和状态,我似乎无法弄清楚如何去做。下面的代码在 componentWillMount 方法中抛出“无效挂钩”错误,我尝试将创建的样式加载到我的组件状态中。您将如何在 TSX 组件中使用 Material UI makeStyles 方法?
reactjs - 如何处理具有类型编号值的受控输入元素中的 NaN
在像下面的代码片段这样的情况下,我应该如何处理NaN
状态类型在哪里number
。
服务器发送一个对象数组:
所以这里的空输入将导致NaN
, Warning: Received NaN for the
value attribute. If this is expected, cast the value to a string.
。
如果我检查条件
isNaN(parseInt(e.target.value))
,我应该用什么更新状态?一般来说,在这种情况下,我怎么能有 empty input
?
react-redux - Array.indexOf 不是函数
我制作的应用程序是一个电影网站,根据您的搜索显示电影。您也可以添加收藏夹,但它不会链接到您的个人资料。所以我想出的解决方案是在 redux 的配置文件初始状态中设置另一个值。
然后从那里映射它
甚至认为它在控制台中完美运行,当我在代码中实现它时,它告诉我 profileReducer.indexOf 不是一个函数。
javascript - Sharepoint Online + React TS。类型“XXX”上不存在属性“XXX”
所以我目前正在做这个项目,该项目由 Sharepoint Online 和 React TS 组成。我目前正在构建一个下拉菜单,并为下拉菜单创建了道具和方法,但是,我不断收到错误消息:
“卡片”类型上不存在属性“下拉菜单”。
类型“Readonly<{}> & Readonly<{children?:ReactNode;}>”上不存在属性“showMenu”。
有错误的行:
- 第 34 行
- 第 54 行
提前感谢任何帮助的人。
reactjs - 突出显示导航窗格的选定项目
参考https://developer.microsoft.com/en-us/fabric#/controls/web/nav下的示例“带有嵌套链接的导航”,单击导航项目时,我想突出显示该项目。我已将 url 设置为 ' ',以便单击某个项目不会执行任何操作。但是,我希望在点击时突出显示该项目。我该怎么做呢?任何指针都会有所帮助。
css - 全屏打印 MaterialUI 对话框
我是 React 和 Material-UI 的新手,我想打印我当前的对话框。
问题是我无法找到一种方法来最大化我的对话框以进行打印(设置为全屏),而无需在浏览器中执行它。所以我基本上想要在我的浏览器中有一个更小的对话框,并且对话框的最大尺寸。
这是我在 TSX 中的基本代码:
以及对应的css文件:
我可以使用css解决它吗?还是我必须使用 React/Material-UI?
java - 如何将反应端口更改为 API 端口?
我设计了一个登录页面来做出反应。它在 3000 个端口上运行。单击登录按钮后,它应该转到API端口并检查用户名和密码是否必须帐户。
这是api调用:
这是调用 api 端口的 React 代码:
公共静态保存登录(输入:任何){
post 方法应该调用 8095 端口,但它会进入 3000 端口。
reactjs - 如何设置固定在框右侧的图标?
我使用 MaterialUi 和 ReactTSX。当我导入芯片并显示它时。它在标签的右侧显示了 deleteIcon,但我希望它在框的右侧。 显示问题
css - 如何在中设置不同的背景图像.map() 函数中的元素?
我想给每个CategoryCard
div 一个不同的background-image
.
如何使用样式化组件解决这个问题?我使用 React 和 Typescript。
图片的 URL 是本地的,这意味着我的图片存储在我的计算机上