草庐IT

react-css-modules

全部标签

javascript - CSS 下拉菜单 : Add delay on mouse out

我在下面使用CSS和HTML制作了下拉菜单:MainMenu.menu{float:left;background:#CCC;margin:0px;padding:0px;}.menuli{position:relative;float:left;width:180px;padding:5px0px;list-style:none;}.menuli:hover{background:#999;}.menuul{display:none;position:absolute;background:#CCC;padding:0;margin:5px000;}.menuulliul{left:

javascript - 获取由 css column-width 创建的列数

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Howtogetcss3multi-columncountinJavascript我有一个很长的动态文本,它将使用CSS分成几列div{-moz-column-width:500px;-moz-column-gap:20px;}是否可以获取创建了多少列?我在客户端使用jQuery。

javascript - 数据属性的 CSS 不会刷新/重绘

在HTML5/JS应用程序中,我们有一个View,其样式取决于元素的data-attribute:喜欢或CSSli[data-level^="1"]{/*somestyles*/}这似乎在页面重新加载的任何地方都工作得很好。但是当通过JS以编程方式设置数据属性时,CSS属性会在所有相关的桌面浏览器中呈现,但不会在移动safari中呈现。JS部分如下所示:this.$el.attr('data-level',this.model.getLevel())关于如何强制应用这些属性(刷新/重绘某些东西)有什么想法吗?我想避免使用class属性和不同的类,因为事情比这里显示的更复杂......

javascript - meteor 中带有 chart.js 的 react 图表

我正在使用chart.js在meteor应用程序中生成图表。这是我的代码functiondrawChart(){vardata=[{value:Policies.find({'purchased_cover.trip_type':'SingleTrip'}).count(),color:"#F38630"},{value:Policies.find({'purchased_cover.trip_type':'AnnualMulti-Trip'}).count(),color:"#E0E4CC"},{value:Policies.find({'purchased_cover.trip_t

javascript - propTypes isRequired 约束在 react 中的误导行为

我对react(或者说网络技术)很陌生。我开始构建一个使用不同组件的应用程序。当我浏览文档时,我认为将isRequired放在propTypes中,会强制用户在使用组件时提供所有isRequired属性。但是,在此示例中,即使我不传递isRequired属性,我也能够加载组件。varPanelPreview=React.createClass({getInitialState:function(){return{captionIndex:0};},propTypes:{beforeSrc:React.PropTypes.string.isRequired,afterSrc:React.

javascript - 在 React 中,为什么我必须绑定(bind)一个 onClick 函数而不是调用它?

在thistutorial他使用带有绑定(bind)的onClick函数。当我像这样移除绑定(bind)时我得到一个错误UncaughtError:InvariantViolation:setState(...):Cannotupdateduringanexistingstatetransition(suchaswithinrender).Rendermethodsshouldbeapurefunctionofpropsandstate.我知道bind的作用,但为什么这里需要它?onClick不是直接调用函数吗?(代码在这个JSbin中:https://jsbin.com/gutiwu

javascript - react 路由器位置不匹配任何路线

我被react-router路由困住了。我收到错误:Warning:[react-router]Location"/FluxApp/"didnotmatchanyroutes这是我的app.js:varReact=require('react');varReactDOM=require('react-dom');varRouter=require('react-router').Router;varRoute=require('react-router').Route;varIndexRoute=require('react-router').IndexRoute;varbrowser

javascript - 我如何在 react 中使用新的 Image()

我试图阻止图像在状态改变时重新加载。下面的图像变量被传递到自定义react组件的Prop中。varimg=新图像();我已经设置了src,title,desc等。所以我的问题是。在自定义React组件中,如何获取图像对象(现在是一个名为img的Prop)并将其显示在渲染函数中?我已经试过了render:function(){return{this.props.img}}但我一直收到DOM元素不是React组件的有效子元素错误。 最佳答案 我认为您要做的是创建一个新的Image品种的DOMNode并将其呈现为的子节点。.如果那是对的,

javascript - React 警告传递的值为 null 的 prop,其中不需要 prop 的 PropType

我有一个组件接收error作为字符串或具有2个必需属性的对象。但是null也可以为这个Prop传递。在我当前的设置中,当传递null时,React会发出警告:Warning:Failedproptype:InvalidproperrorsuppliedtoErrorDialog我应该为React更改什么以允许null|字符串|具有这种形状的物体?谢谢!ErrorDialog.propTypes={onResetError:PropTypes.func.isRequired,error:PropTypes.oneOfType([PropTypes.shape({id:PropTypes.

javascript - 在 React.js、node.js、webpack、babel、express 中使用 fs 模块

我有一个要求,我在其中呈现我显示表单的View。在提交表单时,我需要收集表单数据并创建一个文件并将表单数据保存为该文件中的JSON。我正在使用React.js、node.js、babel和webpack。在努力实现这一目标之后,我发现我必须使用同构或通用javascript,即在服务器端使用react和渲染,因为我们不能在客户端使用fs模块。Referredthisforserverside.我使用:npmrunstart在此之后,我可以在控制台中看到[ObjectObject]从下面的react组件(HomePage.js)的第1行打印在控制台上。但是后来当我访问这个页面时它给出了一