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

javascript - Reactjs Typerscript:“从不”类型上不存在属性“toLowerCase”

我正在尝试使用 tsx 在 reactjs 中过滤具有多个键值的数据。Cards.tsx是父组件,ShipmentCard.tsx是子组件。我收到Property 'toLowerCase' does not exist on type 'never'错误。我只想根据搜索条件返回相关对象。谁能让我知道我在哪里犯了错误?

卡片.tsx

db.json

0 投票
1 回答
1620 浏览

reactjs - Reactjs Material:如何将 props 传递给 reactjs 材质对话框

如何将道具传递给 reactjs材质对话框?如果我这样做< FormDialog value={this.prop.value} />,抛出Type '{ value: any; }' is not assignable to type 'IntrinsicAttributes'错误。我如何分配类型FormDialog()或任何其他方式将道具传递给该组件?

模态的.tsx

卡片.tsx

0 投票
2 回答
346 浏览

typescript - 如何从接口的属性中提取“枚举类型”?

我有一个 React 界面,例如:TextStyle。而且我需要使用像 textAlign 这样的动态值。但是这个文本对齐必须匹配接口枚举。我该怎么做呢?

我试过了typeof TextStyle["textAlign"],但我得到了'TextStyle' only refers to a type, but is being used as a value here.

我想从 TextStyle 界面中提取枚举以拥有type TextAligEnum = "auto" | "left" | "right" | "center" | "justify";

例如:

0 投票
1 回答
327 浏览

reactjs - Reactjs Material在TextField中加载defaultValue&无法读取未定义的属性'map'

我这里有两个问题。

  1. 加载不defaultValue出来TextField。我正在使用 reactjs 材料
  2. 当我开始输入 input TextField。它在下面抛出错误

无法读取未定义的属性“地图”

谁能告诉我哪里出错了?

ShipmentDetail.tsx

db.json

0 投票
0 回答
172 浏览

reactjs - React.useRef 并使用 JSX.Element 获取对象子元素

我有一个像这样重新初始化的 JSX.Element,它包含一个 SVG 元素:

如何获取存储在我的 ref 中的路径元素(以便将 CSS 更改到它们上)?

目前我用这个代码显示图标:

0 投票
2 回答
501 浏览

reactjs - Reactjs 搜索/过滤功能

我试图在 reactjs 应用程序上实现搜索/过滤功能。用户可以搜索任何内容,对象应根据搜索值返回。中实现的搜索逻辑handleChange。谁能让我知道我在哪里犯了错误?

它不返回任何错误。只是屏幕变黑了

装运.tsx

db.json

0 投票
1 回答
555 浏览

npm - 将我的 reactTS 应用程序构建到竹子并将其部署到 nexus 需要哪些任务?

我有一个在本地构建和启动都可以正常工作的反应应用程序。我正在尝试将应用程序从我的 bitbucket 存储库构建到竹子中,并通过任务脚本进一步将其部署到 nexus。我是竹子新手,我很难找到关于我需要哪些任务的明确信息。感谢所有帮助和建议。

谢谢

0 投票
1 回答
539 浏览

reactjs - 如何在 react tsx 导入中包含命名空间?

当我尝试导入组件“deleteButton”时,编译器声称该类不存在。

我尝试使用导出默认值,并在别名下导入它。

预期的输出应该是一个 HTML 元素。编译器声称:“JSX.IntrinsicElements”类型上不存在属性“deleteButton”。TS2339

0 投票
2 回答
868 浏览

typescript - 如何向 useEffects 添加下拉列表?

我是 react 和 office-ui-fabric 的新手,并且在理解如何向 useEffect 添加下拉列表时遇到问题。用户从下拉列表中选择选项,我需要 useEffects 来监视选择给另一个用户的值,以便我可以将选择的值发送给另一个函数。

目前我没有看到 test() 中的日志“测试”或任何日志“得到消息”等,这意味着测试没有被触发。这是正确的方法吗?还是我应该有一个类似 onClick 的测试功能?

0 投票
1 回答
1781 浏览

react-hooks - onChange 在每次渲染时监视用户从 Office-UI-Fabric 到 TextField 组件的输入并显示不正确的输出

我正在尝试实现一个 UI,在其中我通过 Office-ui-fabric 的 TextField 组件获取用户输入。我使用 onChange 来监控价值。但是,当我输入用户输入时说数字“100”,我可以看到每次呈现的函数,我认为这是 onChange 的一个功能,但是在完成输入输入后,我在控制台窗口中只看到“10”。

我尝试按照旧的 stackoverflow 帖子中的建议将 onChange 更改为 Blur,但是当我这样做时,我看不到任何控制台消息。

我希望如果我输入数字“100”,我应该在控制台日志中看到“100”。目前我看到'10'。这是实现此功能的正确方法吗?新的反应和办公室 -ui-fabric 和任何帮助表示赞赏。