草庐IT

react组件实例属性props

全部标签

javascript - React-router 不通过输入 onBlur 事件更改路由

我正在为一个应用程序使用React、Redux和ReactRouter,但在使用onBlur输入事件和路由更改时遇到了问题。我有一个显示内部链接列表的“SearchResults”组件。SearchResults仅在状态searchActive为真时显示。{props.searchActive?:props.children}SearchResults有一个循环呈现的链接列表...{r.name}搜索输入(另一个独立组件)在onFocus事件和期间将searchActive设置为true对于onBlur事件为false。{//dispatchReduxaction(set"search

javascript - 在 React 的 onClick 中传递 undefined 是否安全?

在React的onClick处理程序中传递undefined是否安全?我刚刚尝试过,一切仍然有效,但我在文档中找不到任何相关内容。例子:functionMonthBar(props){/*isitokaywhenprops.onClick===undefined?*/return{props.monthName};}MonthBar.propType={onClick:React.PropTypes.func,//optionalmonthName:React.PropTypes.string.isRequired}; 最佳答案 将

javascript - 使用 react.createElement 时如何设置 ref?

我想获取对由我创建的元素表示的组件的引用,但无法使其工作。我试过这个:varcomp=React.createElement(MyComp,{props:myprops,ref:"mycomp"});但这行不通。我如何在其上设置ref以便父级可以调用this.refs.mycomp.someMethod()? 最佳答案 https://facebook.github.io/react/docs/top-level-api.html#react.createelementReactElementcreateElement(string

javascript - react.js 中 props 和 state 的混淆

我遵循了教程并得出了这个https://jsbin.com/foxoxejilu/1/edit?js,output使用react.js。我对Prop和状态感到困惑。在Note组件的save方法中,这一行做了什么this.props.onChange(this.refs.newText.value,this.props.id)而且我在代码的其他地方没有看到onChange和onRemove函数,这是React的预构建函数吗?React如何知道DOM已更改或删除? 最佳答案 我们可以这样总结正在发生的事情:一位家长(Board)将她的c

javascript - 如何控制 React Native 的 <TextInput> 的 defaultValue?

我有一个用defaultValue设置一个按钮,它将触发并传递defaultValue的别处。但是我如何传递的defaultValue到onPress的方法|?这就是我要实现的目标:changeName(text){this.setState({nameNow:text})//HowcanIimmediatelysetthedefaultValue='PassMeIn'tonameNow?BecausethismethodwouldneverbecalledunlesstextischangedwithinTextInput}sendOff(){//Wouldliketoaccesst

javascript - 在严格模式下 IE11 不允许分配给只读属性

IE11告诉我varself=this是一个只读变量...但是我没有在它的声明点之后给它赋值。唯一的变量是正在变化的高度。尽管如此,我还是可以在使用var时更改它'使用严格';varonDocumentLoad=require('fe-client-utils/src/dom/onDocumentLoad');varonOrientationChange=require('fe-client-utils/src/dom/onOrientationChange');varfaPageHeight=function(){};varFA={init:function(){this.faAdd

javascript - 使用 Vuex 的 Vue.js 中的计算属性上的观察者未更新数据变量

fiddle:https://jsfiddle.net/mjvu6bn7/我有一个计算属性的观察者,它依赖于异步设置的Vuex存储变量。当这个计算属性发生变化时,我试图设置Vue组件的数据变量,但这并没有发生。这是Vue组件:newVue({el:'#app',store,data:{myVar:""},beforeMount(){this.$store.dispatch('FETCH_PETS',{}).then(()=>{console.log("fetchedpets")})},computed:{pets(){returnthis.$store.state.pets}},wat

javascript - 'this' 绑定(bind)到订阅函数而不是 Angular2 中的外部组件范围

我在Angular2中的一个组件中遇到问题,因为“this”在我的一个组件中绑定(bind)到错误的上下文。我有其他组件没有发生此问题,但我看不出有什么区别。这是我的代码:组件:import{Component,Input}from'@angular/core';import{FilesService}from"./services/files.service";@Component({selector:'my-app',moduleId:module.id,templateUrl:'/app/views/app.html'})exportclassAppComponent{openF

javascript - 未在实例上定义但在渲染期间引用的属性或方法 I Vuex

我收到以下错误。[Vuewarn]:Propertyormethod"updateData"isnotdefinedontheinstancebutreferencedduringrender.Makesuretodeclarereactivedatapropertiesinthedataoption.据我所知,代码已经有了方法,所以由于我对Vuex的无知,我被困在了一些我错过的东西上。我用谷歌搜索了这个问题并得到了很多答案,但没有一个让我更明智地去做。我感觉这似乎是有范围的。我也遇到了下面的错误,但我怀疑这两者的根本原因相同,所以解决一个就会解决另一个。[Vuewarn]:Inval

javascript:使用单位获取css prop值

这个问题在这里已经有了答案:GetelementCSSproperty(width/height)valueasitwasset(inpercent/em/px/etc)(5个答案)关闭6年前。我的代码是这样的:#image_1{position:absolute;top:3vw;}我的尝试:http://jsfiddle.net/z8k6t3fb/1/我想要'3vw'这可能吗?