如何将js对象和函数传递给web组件

文章/答案/技术大牛

发布

4回答

javascript、custom-controls、web-component、custom-element

大家好，我是javaScript的初学者，目前正在探索JS组件，由于一些用例，我被卡住了 1)我希望将一个JS对象传递到我的组件中，如下所示 <my-component data=obj ></my-component> 并且需要在我的组件代码中使用，比如 connectedCallback () { console.log(this.data) // it should print {"name":&q

浏览 62提问于2019-04-02得票数 6

1回答

如何将AMD模块导入到聚合物自定义元素中？

requirejs、polymer、polymer-1.0、amd

我正在转换现有的web应用程序到聚合物。web应用程序由组件(在Knockout组件体系结构中)和模块组成。两者都是使用RequireJS加载的。我看到了如何将Knockout组件转换为聚合物自定义元素，但没有看到如何处理JavaScript模块。定义模块返回一个JavaScript对象，该对象通过“RequireJS”函数的一个参数传递给依赖它的JavaScript。如果模块代码是通过HTML i

浏览 0提问于2016-12-15得票数 0

2回答

响应类型记录传递函数作为子组件的支持和调用

reactjs、typescript

我将一个函数传递给一个子组件，它在父组件中管理我的状态。它接受一个在FriendListItem中声明的对象，并将其设置为数组作为一个新对象。我一直在研究，但搞不清楚。friend: FriendListItem): void => { }; 我要把它传递给子组件<UserDetail addFriend={addT

浏览 5提问于2021-08-25得票数 0

回答已采纳

3回答

将自定义函数传递给React中导入的组件

reactjs

我有两个文件hero.js和sidebar.js。我在hero.js中有两个函数需要从sidebar.js中的按钮中访问(即: onSave和onRestore)。import React, { useState, useRef, useCallback } from "react"; import ReactFlow, {removeElements<div>

浏览 10提问于2022-01-03得票数 0

回答已采纳

1回答

网络工作者课程

javascript、web-worker

在主线程JS和webworker之间可以传递什么，什么不能传递？this.msg;}postMessage(a)主线程将其读为‘{msg：“hello WorlD"} stripp传</

浏览 2提问于2018-04-17得票数 1

1回答

将Ember插件转换为web组件

javascript、ember.js、web-component、glimmer.js、ember-octane

如何将ember插件转换为web组件？然后我发现glimmer可以创建web组件。使用glimmer，我需要将ember addon转换为glimmer，然后创建web组件(这很耗时)。此外，我不能将数组和对象传递给使用glimmer创建的web组件(只能使用属性传递字符串

浏览 8提问于2019-10-31得票数 1

1回答

如何将对象作为支柱传递给我的vue生成的web组件。

vue.js、vuejs2、web-component、vue-cli

我的目标是创建一个web组件并在vue应用程序中使用它。创作不是问题，也不是用法。我没有成功地将对象作为支柱传递给我的web组件。但是，传递布尔值或字符串似乎很好。组件的脚本：我想使用我的web组件的非常简单的应用程序： <html/my-web-co

浏览 2提问于2021-01-05得票数 2

回答已采纳

1回答

如何像jquery ($("#divID").attr(" data -id"))那样在ASP Blazor中通过数据属性来查找值？

c#、asp.net、asp.net-mvc-4、blazor、blazor-webassembly

我在一个项目中使用Blazor。我将data-id赋值给foreach循环中的每个表行。然后，当有人单击此表行时，我希望通过data-id查找/获取每个元素。我的问题是，对于$(“#tableRow1”).attr(“c# -id”)这样的jquery statemetn，如何在blazor中使用数据。

浏览 1提问于2021-07-07得票数 0

2回答

如何将ReactJS函数作为回调传递给外部JS函数？

javascript、reactjs

我正在使用第三方银行JS实现在ReactJS中使用iframes的信用卡支付表单。逻辑是我在页面中加载了bank的javascript，如下所示：然后在我的ReactJS组件中收集用户的CC数据，然后调用如下函数： window.Bank.SendPayment(CC, this.paymentComple

浏览 3提问于2019-09-12得票数 2

回答已采纳

1回答

react table:即使在用useEffect挂钩获取数据时，我也需要回忆录数据吗？

reactjs、asynchronous、react-hooks、memoization、react-table

在reason table docs示例中，表的输入数据是回传的，原因如下：反应表依赖于回忆录来确定何时状态和副作用应该更新或计算。这意味着，传递给useTable的每个选项都应该通过React.useMemo (对象)或React.useCallback (用于函数)记忆。它们的所有示例都使用本地定义的javascript对象。如果我要从useEffect钩子中的服务器获取数据，并将其添加到组件的状态中，还需要使用useMemo回忆录吗？

浏览 4提问于2022-09-01得票数 0

回答已采纳

3回答

如何将useCallback钩子替换为useMemo？

reactjs、react-hooks、react-usememo、react-usecallback

我正在阅读这篇关于React回忆录的，我想知道如何翻译和使用useMemo而不是useCallback钩子。特别是在这个例子中：其中的子组件如下所示：

浏览 16提问于2022-05-02得票数 1

回答已采纳

2回答

使用React门户来显示模态组件(？)当单击表行时

javascript、reactjs、react-modal

但是，我很难理解这个门户组件是如何按需呈现的，以及如何将数据传递给它来填充模型。const Example = (props) => { return ( <Header: "Header",

浏览 3提问于2017-10-16得票数 3

回答已采纳

1回答

何时使用useMemo和useCallback进行性能优化？

javascript、reactjs、react-hooks、usecallback、react-usememo

, ${fullName}`) // ...} 基本上，我有一个名为Hello的组件，它接收两个道具firstName和lastName，然后我需要根据这两个道具计算fullName，并且有一个函数sayHello()使用fullName来做一些事情。所以我的问题是:在这里，是否有必要使用useMemo()和useCallback()来进行性能优化？似乎它过度使用useMemo()<e

浏览 3提问于2020-11-26得票数 2

回答已采纳

1回答

如何在每次值发生变化时将更新后的prop值传递给子代？

javascript、reactjs

我正在构建一个骰子应用程序，其中我有一个用于设置骰子数量和每个骰子边数的类组件。我将这些值传递到一个子类组件中，在这个组件中，我通过将骰子的数量乘以每个骰子上的边数来计算可能的最大得分。在我的父类中，有一些方法可以让用户更改边数和骰子数。然而，只有骰子和边框的初始值被传递给子对象，我不知道当父对象的状态改变时，如何将更新后的值传递给子对象。我是一个新的反应js，所

浏览 14提问于2020-03-28得票数 0

回答已采纳

1回答

如何将IJSObjectReference作为参数传递给JS代码

javascript、c#、blazor、interop

我已经读过可以在IJSObjectReference上调用JS方法，但是如何将这样的对象作为参数传递给JS代码呢？假设我有这样的JS代码： ...在C#中，对于“组”和“层”，我有两个引用IJSObjectReference，如何将它们传递给这样的函数？获取JS参考，例如。createGroup: func

浏览 6提问于2022-09-26得票数 0

回答已采纳

1回答

React使用Hooks将数据通过父对象传递给子对象

javascript、reactjs

如果有两个文件，分别称为Home.js和search.js文件。Home是父零部件。因此，我想在search.js中使用搜索栏从子对象向父对象发送数据。在提交搜索btn之后，如何将数据传递给home组件。Home.js const Home = () => { const [data, setData] = useState();div className="

浏览 50提问于2021-02-11得票数 0

回答已采纳

2回答

将道具作为对象传递给另一个组件

reactjs

我有两个组件Editor.js和Overview.js，其中我想将道具作为对象传递给Overview.js。我希望将返回的对象，即fis传递给概述组件。我能否在箭头函数的内部返回如下内容:不确定是否正确的方法class Editor extends React.Component

浏览 2提问于2019-10-01得票数 0

回答已采纳

1回答

从C++向HTTP POST REST调用返回JSON对象

c++、json、web-services、http、fastcgi

我有一个通过REST向web公开的C++应用程序接口。我已经将应用程序编写为FastCGI进程。我可以将数据发布到应用程序中，并获得返回的文本。但是现在，我希望将数据作为JSON对象返回，而不是文本。我目前有类似这样的东西：在这里，我在printcontent(string)函数中打印文本。我使用cout打印的文本被FastCGI传递回HTTP请求者。我是回传JSON文件，还是回传json样式的字符串？我

浏览 38提问于2012-06-28得票数 1

2回答

处理所有输入字段的更改事件，而不使用ref

reactjs

所以我使用下面的函数来获取输入的值。我的子组件中有三个输入域: name、username和password。= (e) => { inputVal: e.target.value } 但是我不想为所有三个字段编写三次相同的函数，那么如何为在一个函数handleChange中更改的特定输入字段执行此操作呢？

浏览 30提问于2020-09-12得票数 0

2回答

组件本身是否应该防止不必要的useEffect()调用？

javascript、reactjs、use-effect、usecallback

这个组件允许注入两个函数：onOdd和onEven。每当计数器更改时，都会调用onOdd或onEven，具体取决于计数器.是奇数还是偶数。也有一个暗模式切换。这是错误的，但可以理解--我们在每个呈现上创建新函数，因此调用了useEffect()。从useEffect()依赖项中删除onOdd和onEven。将回调函数移出App组件：。但是，如果我们需要将这些回调保存在App组件中呢？是否总是父组件

浏览 3提问于2022-04-09得票数 4

点击加载更多