草庐IT

react-addons-transition-group

全部标签

javascript - Intellij 插件 : AirBnB ESLint w/React

在Ubuntu15.10上使用IntellijIdea15.0.2并尝试配置ESLint使其工作。按照Jetbrains网站上的说明进行操作,但没有骰子。Here'sascreencapofmy在languages&frameworks>javascript>codequalitytools>ESLint中设置。Andhere'sascreencap我在IntelliJ中的nodejs/npm设置。还有我的.eslintrc文件,在根项目目录中:{"extends":"airbnb","rules":{"comma-dangle":0}}这是来自/index.js的片段,它在Intel

javascript - 如何使用 $transitions 服务获取 toState 参数? (新的用户界面路由器)

我正在使用ui-router1.0.0-alpha.3.老事件aredeprecatedthere.所以我正在尝试转换$rootScope.$on('$stateChangeStart',(event,toState)=>{//...});使用$transitions.onStart钩子(Hook)做事的新方法-$transitions.onStart({},function($state,$transition$){//...});在这种情况下,我在哪里可以获得toState参数? 最佳答案 为此使用$transition$.$t

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 - React js中的滑动效果

我正在尝试使用React创建滑动事件。我不想使用任何外部组件或jquery。CSS是这样的:.outter{position:relative;width:100%;height:150px;background-color:blue;}.inner{position:absolute;width:1000%;left:50px;}.child{float:left;margin-right:15px;}在react组件中,我正在尝试做类似的事情:classTestextendsReact.Component{constructor(props){super(props);this.s

javascript - 当组件在 native react 中重新呈现时,动态不透明度不会改变

我开始学习ReactNative,并为我的项目创建了一个简单的Button组件以在我的项目中重复使用。我根据变量“禁用”动态设置不透明度值,但是,按钮的外观不会随着不透明度变量的值而改变。我四处搜索,但没有找到解释..任何帮助将不胜感激。这是我的源代码:importReactfrom'react'import{View,Text,TouchableOpacity,StyleSheet}from'react-native'importPropTypesfrom'prop-types'//TODO:arrumaroproblemacomaopacidadeexportdefaultfunc

javascript - React.js 和 Isotope.js

我正在查看React.js并试图弄清楚这个库如何与Isotope.js一起工作.React的文档说它可以很好地与其他库一起使用,但是将它与自行更改DOM的库一起使用似乎没有使用React的感觉。谁能给我解释一下,我如何在使用Isotope.js作为布局的网络应用程序中利用React? 最佳答案 我使用useRef、useState和useEffectHook的解决方案。它还适用于动态生成的过滤键和项目。诀窍是在安装组件后初始化同位素,并在每次过滤器关键字更改时调用其“排列”方法。演示:https://codepen.io/ilove

javascript - React - Firebase - GoogleAuthProvider 不是构造函数

我正在尝试创建一个React应用程序,它使用“使用Google登录”按钮来触发signInWithPopup(provider)。但是,每次我调用newfirebaseApp.auth.GoogleAuthProvider()时,我的控制台都会返回一个错误。我只是想console.log()result。错误UncaughtTypeError:_firebase_setup2.default.auth.GoogleAuthProviderisnotaconstructorfirebase_setup.jsimport*asfirebasefrom'firebase';constfire

javascript - 是否有可能在 react 组件标签之间传递文本?

我想知道是否可以在两个React组件标签之间传递数据示例:Component.jsvarReact=require('react');exportclassMyComponentextendsReact.Component{render(){return/*sometext*/;}}App.js/*renderedtopage*/HowdoIdisplaythistext?我知道我可以添加this.props.text但我很好奇这是否是一个选项 最佳答案 你可以使用this.props.children:exportclassMyC

javascript - 预期 onClick 监听器是一个函数,而不是类型对象 - React redux

正如标题中所解释的,我收到了错误预期onClick监听器是一个函数,而不是类型对象但我无法理解为什么这不起作用。据我所知,onClick监听器是一个函数。这是错误来源的CharacterList组件importReact,{Component}from'react';import{connect}from'react-redux';import{addCharacterById}from'../actions';import{bindActionCreators}from'redux';classCharacterListextendsComponent{render(){//cons

javascript - 使用 React.js 时,何时、何地以及如何将类添加到 document.body

目前我正在这样做,但这不是react.js的方式,对吧?render()是正确的地方吗?有什么选择?varApp=React.createClass({render:function(){if(this.state.touchMode===2){$('body').addClass('touchMode');}return(etc/div>)})} 最佳答案 理想情况下,向主体添加一个类会破坏React组件提供的封装,并且如果重新渲染主体,则在React外部摆弄DOM可能会导致麻烦。如果可能的话,我不会将类添加到文档主体,而是将其添