草庐IT

网页组件

全部标签

javascript - 如何从 React JS 中的另一个组件获取引用

主App组件代码如下:classAppextendsComponent{componentDidMount(){console.log(this.ref);debugger;}render(){return({this.props.children});}}使用{this.props.children}呈现的组件之一是主页,其中包含带有refs的部分。主页的代码如下:render(){return();}我怎样才能在App组件中获取这些引用,以便能够将它们作为props传递给header?我试图在App组件的componentDidMount中执行它,但是console.log(thi

javascript - 我可以以编程方式将网页的一部分保存为图像吗?

如果可能的话,我想用一个简单的按钮来做到这一点。用户不太习惯使用计算机,这就是为什么我没有告诉他们打印屏幕或使用截图工具。我知道itcanbedone在基于Mozilla的浏览器中使用和drawWindow().但此应用程序在InternetExplorer7和8上运行。该页面根据几个下拉列表的输入显示一些图表(由ReportViewer控件生成)。这是否意味着客户端脚本是唯一的选择?或者我能以某种方式在ASP.NET后端完成它吗?也许在下拉列表更改时重新生成图像?(我作为桌面开发人员已经很长时间了,以至于我还没有完全“了解”您在Web应用程序中可以做什么和不能做什么。)

javascript - 组件初始化无限循环 - Angular 2 JSPM

这是完整的错误。RangeError:MaximumcallstacksizeexceededatInjector._instantiate(http://localhost:8000/build.js:36366:63)atInjector._instantiateProvider(http://localhost:8000/build.js:36244:23)atInjector._new(http://localhost:8000/build.js:36234:21)atInjectorInlineStrategy.instantiateProvider(http://local

javascript - 我怎么能使用 system.import() 到组件 Angular 2

我在thispost中看到您可以使用SystemJS将外部javascript文件加载到我在Angular2中的组件中。在我的index.html中:System.config({packages:{"frontOfficeA2/src":{format:'register',defaultExtension:'js'},"angular2-jwt":{"defaultExtension":"js"},"ng2-bootstrap":{"defaultExtension":"js"},"system":{"defaultExtension":"js"}},map:{"angular2-

javascript - 在 React 组件中进行重定向的适当生命周期阶段是什么?

这个问题在这里已经有了答案:Whatcomponentlifecycletousetodosomethingbeforerender()?(4个答案)关闭3年前。我想根据外部条件渲染一个组件,否则重定向到应用的其他地方。理想情况下,此重定向应在组件之前决定,但在某些情况下,我觉得我需要在组件中执行此操作。例如,在ReactRouter中,路由器可能看起来像这样:LoadingPage的逻辑/sudocode将是这样的:if(stillLoading){render}elseif(loggedIn){redirectToHome}else{redirectToLogin}这变得很复杂,因

javascript - 如何从组件中引用 SCSS 文件的目录?

目前我的目录结构如下:stylesheets..modules...._all.scss...._colors.scss..partials...._all.scss...._Home.scss..main.scss在我的_Home.scss中我有:@import'../modules/all';.headerStyle{color:pink;font-size:15;font-weight:500;}在我的main.scss中,我将样式表文件夹中的所有_all.scss导入如下:@import'modules/all'@import'partials/all'html{font-fa

javascript - 将类型定义添加到将 props 注入(inject)组件的 HOC

我有一个以下列方式(无类型)实现的“高阶组件”。constThemeable=(mapThemeToProps)=>{return(WrappedComponent)=>{constthemedComponent=(props,{theme:appTheme})=>{return}themedComponent.contextTypes={theme:PropTypes.object};returnthemedComponent;}}总结一下它的作用,它需要一个mapThemeToProps函数。这将接收通过合并defaultTheme(由我的库提供)和appTheme(由ThemeP

javascript - 在 Griddle 中使用自定义过滤器输入组件

我正在使用griddle用于创建表格的React组件。Griddle支持一个额外的属性来显示一个过滤器输入元素,它可以操作表格。有没有办法在griddle中使用你自己的独立表单/输入。以便在提交第三方输入时我可以触发griddle中的一些函数来更新表?我看过docs并提出问题here在项目上。我不知道如何做到这一点。 最佳答案 如thisdemo中所示您可以指定自定义过滤器和自定义组件:var_=require('underscore'),squish=require('object-squish');varcustomFilter

javascript - 如何将 $scope 传递给 angularjs 1.5 组件/指令

我正在尝试在Angular1.5中使用新的.component()方法。目前我发现关于如何使用它的信息很少。Angular文档也没有真正提到它。我正在尝试将作用域或对象从作用域传递到.component以在组件的模板部分中使用,但我可以传递的唯一两个参数是$element和$attrs。我尝试通过html中的属性传递对象,但我得到的只是对象名称的字符串。我尝试过将其设置为以这些方式表示为变量my-attr="item.myVal"my-attr="{item.myVal}"my-attr="{{item.myVal}}"每次我仍然得到字符串文字而不是变量的值。如何将其设置为作为变量处理

javascript - Vue.js - 从组件内的根实例访问数据

这似乎是一个相当基本的问题,但我似乎无法找到明确(甚至有效)的答案。我有我的根实例:varvm=newVue({el:'#app',//Datadata:{events:{}},//Methodsmethods:{fetchEvents:function(){this.$http.get('/api/events').success(function(theseEvents){this.$set('events',theseEvents);}).error(function(error){});}},ready:function(){this.fetchEvents();}});我有一