jjzjj

Components

全部标签

javascript - React-Redux mapStateToProps 与传递父 Prop

这可能是一个有点幼稚的问题,但我是react-redux的新手,我正在边学边学。上下文:假设我有一个react-redux应用程序。在我的顶级组件中,我在底部有这个:functionmapStateToProps({auth}){return{auth};}exportdefaultconnect(mapStateToProps)(newComponent);“auth”部分来self的reducerindex.js文件:import{combineReducers}from"redux";importauthReducerfrom"./authReducer";exportdefau

javascript - react .createElement : type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object

预计我应该能够导出我的App组件文件并将其导入到我的index.js中。结果出现以下错误React.createElement:typeisinvalid--expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:object我的index.jsconstReact=require('react');constReactDOM=require('react-dom');constApp=require('./components/App');require('./inde

javascript - Animated.Component/createAnimatedComponent(Component) 与 Component 有何不同?

我们正试图从styled-components项目中找出以下问题的原因:https://github.com/styled-components/styled-components/issues/389对refs+setNativeProps进行了一些更改,在一个地方破坏了动画,假设是因为一些动画相关信息没有被正确传递。因此问题是了解createAnimatedComponent如何改变初始组件,添加了什么?如果传递不正确,什么会导致动画中断?如果您知道可能导致此问题的原因,请提供想法/详细答案。更新与问题相关的重大更改发生在thisfile中的某处引用innerRef向下传递ref,

javascript - Ember : nested components events bubbling

我创建了一组嵌套组件。代码在这里:http://emberjs.jsbin.com/hasehija/2/edit.HTML:{{#level-1}}{{#level-2}}{{#level-3}}Clickme(yielded){{/level-3}}{{/level-2}}{{/level-1}}JS:App.ApplicationController=Ember.Controller.extend({actions:{handleAction:function(){alert('HandledinApplicationController');}}});App.Level1Com

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 - 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