草庐IT

components

全部标签

javascript - Angular 1.5 组件 : passing a function

是否可以将函数传递给组件并在传递参数的组件内部调用此函数?例子:帖子列表getPostUrl是一个函数(在容器Controller中):constgetPostUrl=(postId)=>{constprotocol=$location.protocol();consthost=$location.host();constport=$location.port();returnprotocol+"://"+host+""+(port!==80?":"+port:"")+"/blog/post/"+postId;};帖子列表:组件constPostList={"bindings":{"p

javascript - 如何测试在 componentDidMount 中设置 React Component 状态的异步调用

测试componentDidMount中的异步调用设置React组件状态的最佳方法是什么?对于上下文,我用于测试的库是Mocha、Chai、Enzyme和Sinon。这是一个示例代码:/**assumearecordlookslikethis:*{id:number,name:string,utility:number}*///asyncComponent.jsclassAsyncComponentextendsReact.Component{constructor(props){super(props);this.state={records:[]};}componentDidMou

javascript - react + 终极版 : Component does not update

尝试使用React+Redux,并且可能正在做一些明显愚蠢的事情,因为触发操作以通过网络获取数据的组件在获取数据时不会得到更新(重新呈现)。这是我的代码的相关部分:作为应用程序入口点的顶级index.js:importReactfrom'react';importReactDOMfrom'react-dom';import{Provider}from'react-redux';import{createStore,applyMiddleware}from'redux';import{Router,browserHistory}from'react-router';importredux

javascript - Angular 2 将组件动态附加到 DOM 或模板

我计划在调用show()时向DOM添加动态组件。我知道有一个使用ngIf或[hidden]的解决方案来隐藏它并将其用作指令,但我不喜欢这个解决方案,因为我不想在我的HTML中声明它。import{Component}from'angular2/core';import{InfoData}from'../../model/InfoData';@Component({selector:'Info',templateUrl:'./components/pipes&parts/info.html',styleUrls:['./components/pipes&parts/info.css']}

javascript - Sails.js 如何为 Yeoman 生成的应用程序提供服务

我是Sails.js的新手,对此我感到非常兴奋。它是创建API的绝佳工具。我还使用Yeoman生成的单页应用程序(jquery或angular)工作了一段时间,它们非常适合客户端逻辑。但是,目前基于这两种技术制作应用程序的唯一方法是将它们分成两个完全独立的项目,这是一种浪费。我正在寻找一种将两者结合起来的方法。我想让Sails.js为Web应用程序的静态Assets提供服务并加载其index.html文件(而不是homepage.ejs)。我还希望开发环境(grunt、live-reload能够正常工作)。我尝试在assets文件夹中创建一个yeoman项目并将布局重定向到index.

javascript - React - 动态导入组件

我有一个页面,它根据用户输入呈现不同的组件。目前,我已经对每个组件的导入进行了硬编码,如下所示:importReact,{Component}from'react'importComponent1from'./Component1'importComponent2from'./Component2'importComponent3from'./Component3'classMainextendsComponent{render(){varcomponents={'Component1':Component1,'Component2':Component2,'Component3':C

javascript - @types/styled-components 重复标识符 FormData

如果我在我的项目中添加@types/styled-components,我将在构建输出中出现一堆错误:ERRORin/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(36,15):TS2300:Duplicateidentifier'FormData'.ERRORin/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(81,5):TS2717:Subsequentpropertydeclarationsmu

javascript - React组件声明中 'export'的作用是什么?

在React(ES6)中,为什么我有时会看到这个?...classHelloextendsReact.Component{...}有时这个?exportclassHelloextendsReact.Component{...}export关键字的意义是什么?如果使用webpack,是否需要对webpack.config.js文件进行任何更改?如有任何相关信息,我们将不胜感激,在此先致谢。更新:ma​​in-file.jsimportReactfrom'react';importReactDOMfrom'react-dom';import{External}from'./external

javascript - Firefox 异常 'JavaScript component does not have a method named: "可用"'

我正在使用Django构建网络应用程序。我通过Ajax(jQueryv1.8.3)在Javascript中调用了一堆API。它们中的大多数都有效,但有一个特定的结果会返回一个状态为0的对象,并将此消息作为状态文本:[异常...“'JavaScript组件没有名为:'available''调用方法时:[nsIInputStream::available]”nsresult:“0x80570030(NS_ERROR_XPC_JSOBJECT_HAS_NO_FUNCTION_NAMED)”location:“JSframe::http://127.0.0.1:8000/media/js/jq

javascript - 覆盖通过 JavaScript 文件加载的 SCSS 文件变量的可行方法是什么?

假设我有一个组件,其中包含一个用于行为的JavaScript文件、一个HTML模板文件和一个用于外观的SCSS文件。我们使用Webpack在应用的主JavaScript中加载组件的JavaScript(例如通过require('./path/to/the-component.js')).我们使用组件的JavaScript加载它的SCSS文件(通过require('./the-component.scss'))。组件的SCSS文件包含一个具有默认值的变量(例如,最小高度:$min-height:400px)。如果我不喜欢在组件的所有用法中使用400px:我如何覆盖这样的变量(例如在应用程