草庐IT

Kubernetes-组件

全部标签

javascript - 为什么我的 react 组件没有随着状态更新而更新?

我有一个我构建的map应用程序,它需要一些map图标在按下按钮后出现/消失,但是当我从它是父组件:父加载组件:简单map组件(已简化):constructor(props){(props);this.state={events:[{venue:{lat:2,lon:1}}],sports:["baseball","football","paddle","soccer","boxing","dart","biking","golf","hockey","inline-skating","tennis","volleyball","skateboard","kickball","bowli

javascript - 在 Angular2 中引导多个组件

我的问题与这个问题一致:Errorwhenbootstrappingmultipleangular2modules我的index.html有以下代码Loadingheader...Loading...Loadingfooter...在我的app.module.ts中,我提供了这3个组件来引导:bootstrap:[AppComponent,HeaderComponent,FooterComponent]在我的main.ts中,我引导它们platformBrowserDynamic().bootstrapModule(AppModule);该应用程序与包含的所有三个模块一起运行良好。当它

javascript - grunt Build 上的 usemin 未将 Bower 组件正确构建到 dist 目录中

在Grunt构建中,我如何捕获bower_components的正确路径以在我的dist文件夹中创建一个充满Bower组件的vendor.js文件。我已经指出了原因,Grunt构建的usemin正在从错误的文件夹构建vendor.js..添加应用程序文件夹前缀。如何删除此应用前缀,以便grunt构建正确构建我的Bower组件?咕噜构建:但在构建时它正在制作一个0kb的vendor文件,因为bower_components位于app之上的目录中如您所见,我的bower_components位于我的应用程序文件夹之外使用:Grunt文件://Generatedon2014-06-17usi

javascript - Angular 2 将数据从组件发送到服务

我的目标是将数据从Angular组件发送到服务并使用服务方法对其进行处理。示例:exportclassSomeComponent{publicdata:Array=MyData;publicconstructor(privatemyService:MyService){this.myService.data=this.data;}}和服务:@Injectable()exportclassTablePageService{publicdata:Array;constructor(){console.log(this.data);//undefined}}获取数据是未定义的。如何让它发挥作

javascript - 如何根据 Material UI (React JS) 中的要求制作一个 'Select' 组件

除非有选择的选项,否则我想用红色显示错误。有什么办法吗。 最佳答案 要使用MaterialUI设置必填的Select字段,您可以:classSimpleSelectextendsReact.PureComponent{state={selected:null,hasError:false}handleChange(value){this.setState({selected:value});}handleClick(){this.setState(state=>({hasError:!state.selected}));}rende

javascript - 带有内联模板的 Vuejs 嵌套组件

我最终会为每个页面嵌套很多不同的组件。我的应用程序中的每个页面都有一个组件View。在每个页面上,都有不同的Vue实例,它们将重复使用我制作的组件,例如slider、标签、旋转木马等。我正在尝试重组它,因为许多Vue实例相互干扰,我意识到我应该只有一个包含许多内部组件的主Vue实例。这是我到目前为止设置的:http://jsfiddle.net/jmtg5r4s/问题是它在加载主页View组件后停止。它不会加载任何嵌套组件,除非我为它们设置了模板,但我不想这样做,因为我想利用LaravelBlade语法而不是使用常规HTML。加上我所有的服务器端助手等。Javascript:varAp

javascript - ReactJS - 无法导入组件

我是ReactJS的新手。我正在开发一个小的单页应用程序,我只是想创建我的组件以在我的主要组件中导入。TestComponent.jsximportReactfrom'react'exportclassTestComponentextendsReact.Component{render(){return(TestComponent)}}在我的ma​​in.jsx中,我导入了这个组件调用importTestComponentfrom'./components/TestComponent.jsx'然后我尝试为特定路由调用我的组件:render((),document.getElementB

javascript - ReactJS:功能组件和类组件有什么区别

谁能详细解释一下ReactJS中函数组件和类组件的区别?什么时候用函数式组件,什么时候用类组件? 最佳答案 这是一个greatarticle,"PresentationalandContainerComponents",由DanAbramov撰写,可以帮助您。这是我理解这一点的tl;dr;:你必须使用classCreatePostFormextendsComponent{}或React.createClass()如果:您需要访问您的component'slifecyclemethods(即:componentWillMount或co

javascript - 动态加载现有组件 Angular 2 Final Release

我正在尝试在最终版本2.0.0中动态加载一个组件。我使用RC5使用以下代码加载:创建一个指令来加载控件:import{CheckboxComponent,CheckboxListComponent,DatePickerComponent}from'../components/';@Directive({selector:'[ctrl-factory]'})exportclassControlFactoryDirectiveimplementsOnChanges{@Input()model:any;constructor(privatevcRef:ViewContainerRef,pri

javascript - 在 React Redux 应用程序中检测网络连接 - 如果离线,则对用户隐藏组件

我正在使用谷歌的自动完成API来改进我表单中的地址输入。我正在使用GoogleMapsLoader加载器,它会在加载后调度操作:GoogleMapsLoader.onLoad(function(){store.dispatch(GoogleActions.loaded());});在React组件中我有以下输入:if(google.status==='LOADED'){inputGoogle=AutoComplete:this.loadAutocomplete(el)}type="text"/>;}else{inputGoogle='';}loadAutocomplete方法(不确定这