草庐IT

Web组件

全部标签

javascript - 商店状态更改时 React 组件不更新

下面是我的组件类。该组件似乎永远不会执行componentWillUpdate(),即使我可以在mapStateToProps返回之前通过记录看到状态更新。状态100%发生变化,但组件不会刷新。importReact,{Component}from'react'import{connect}from'react-redux'import{search}from'./mapActions'importLfrom'leaflet'classMapextendsComponent{componentDidMount(){L.Icon.Default.imagePath='./images't

javascript - 简单的 AngularJS 1.5.9 组件不在 MVC 5 中呈现

我正在尝试启动AngularJS1.5.9并使用名为配置列表的非常简单的组件运行MVC5应用程序。我创建了一个MVC5应用程序(4.5.2),添加了Angular.Core1.5.9Nuget包为了摆脱MVC5、布局和Razor渲染,我创建了一个名为test.htm的简单文件:在module.js中:(function(){"usestrict";angular.module("radar",[]).component("configuration-list",{template:"Hellofromconfigurationlist"});}());浏览器(IE11)显示为空。我已经

javascript - React-Apollo,不要在组件加载时运行查询

我正在使用很棒的https://github.com/apollographql/react-apollo库,我正在尝试查看是否有比我现在做的更好的约定来将数据加载到组件中。我已经将我的组件设置为使用apolloHOC将数据加载到我的组件中,如下所示:constmainQuery=gql`querycurrentProfileData($userId:String,$communityId:String!){created:communities(id:$communityId){opportunities{submittedDateapprovalDatestatusopportun

javascript - "Can' t 绑定(bind)到 'ngModel' 因为它是 't a known property of ' p-calendar '"尝试使用 PrimeNG 组件的错误消息,为什么?

我是Angular2\4的新手,我正在尝试按照这个快速视频教程将PrimeNG组件添加到我的Angular项目中:https://www.youtube.com/watch?v=6Nvze0dhzkE和PrimeNG教程页面的入门部分:https://www.primefaces.org/primeng/#/setup所以这是我的app.component.htmlView:Welcometo{{title}}!!{{value|date:'dd.mm.yyy'}}如您所见,我插入了这个标签来显示日历组件:(如该组件的官方文档所示:https://www.primefaces.org/

javascript - 在 React 中使用 SetInterval 卸载组件

我正在尝试使用setInterval卸载组件。这是基于答案here:组件:classImageSliderextendsReact.Component{constructor(props){super(props);this.state={activeMediaIndex:0};}componentDidMount(){setInterval(this.changeActiveMedia.bind(this),5000);}changeActiveMedia(){constmediaListLength=this.props.mediaList.length;letnextMediaI

javascript - 传单:panTo Web 墨卡托坐标 (EPSG 3857)

我有一张显示图block层的标准传单map。现在传单只允许您使用panTo方法,例如使用LatLng,map.panTo(newL.LatLng(40.17,-98.12));如果我的坐标在EPSG:3857中,例如(3679364.68,-9096106.74),我将如何使用上面的panTo方法?这在Openlayers中非常简单,因为一旦您定义了map投影,一切都在该投影中工作。但是Leaflet总是在外面处理latlng。有什么简单的方法可以使用传单库来实现这一点?谢谢! 最佳答案 Leaflet允许您通过取消投影3857点来

javascript - <MuiThemeProvider/> 中的其他组件导致空白页面没有错误消息

我最近使用npminstall--savematerialui在我的Meteor应用程序中安装了MaterialUI我得到了组件出现在我的app.js中文件,但每当我添加其他组件时,localhost:3000只是显示一个空白页。请在下面查看我的代码:header.jsimportReact,{Component}from'react';importAppBarfrom'material-ui/AppBar';classHeaderextendsComponent{render(){return();}}exportdefaultHeader;app.jsimportReactfrom

javascript - Vue 子组件属性不起作用

我正在尝试破解此代码[A](请参阅底部的fiddle):{{file.__progress}}%进入[B]基本相同的代码,但随后带有一个子组件。这里是父级:这里是child:{{file.__progress}}%在child身上我设置了file属性:props:{file:{type:File,required:true}},父子代码中一定存在问题,因为file__img属性在[B]中的子项(渲染时)中不存在,请参阅:,而它确实存在于[A]中:怎么了?控制台没有错误。原始([A])代码来自here.FileObject由一个xhr实例组成(我想?!)。这里是[A]的fiddle/沙盒

Javascript Web 服务器?

是否可以用Javascript构建微型(概念验证)网络服务器?有没有人做过这个?编辑:显然这里需要明确的说明。最终的问题是在浏览器发出的初始请求关闭后,如何将数据从服务器推送到浏览器。也就是说,如何让浏览器接受服务器发起的后续请求。是否需要在浏览器中安装基于javascript的Web服务器,或者是否有其他方法? 最佳答案 查看RingoJS项目或Node.js。答案是"is",而不仅仅是“微观”或“概念验证”。RingoJSNode.jsexpress.jsframeworkfornodeedit—这个问题非常古老。如果您想了解有

javascript - 箭头函数在使用 babel 的 React 组件中被认为是意外标记

关闭。这个问题是notreproducibleorwascausedbytypos.它目前不接受答案。这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助future的读者。关闭6年前。Improvethisquestion我在我的一个react组件中有这个功能。exportdefaultclassEventTagsextendsReact.Component{showAll()=>{this.setState({showAll:true,showBtn:false});}}当webpackwatch命中它时,我在箭头