草庐IT

tree-props

全部标签

javascript - react this.props.params undefined

我无法通过id到我的产品页面,我尝试了所有方法并搜索了答案,但它仍然不起作用。这是我的index.js:importReactfrom"react";import{render}from"react-dom";import{Router,Route,IndexRoute,hashHistory}from"react-router";import{Menu}from'./components/Menu';import{MainPage}from'./components/MainPage';import{DetailsProduct}from'./components/DetailsPr

javascript - 将类型定义添加到将 props 注入(inject)组件的 HOC

我有一个以下列方式(无类型)实现的“高阶组件”。constThemeable=(mapThemeToProps)=>{return(WrappedComponent)=>{constthemedComponent=(props,{theme:appTheme})=>{return}themedComponent.contextTypes={theme:PropTypes.object};returnthemedComponent;}}总结一下它的作用,它需要一个mapThemeToProps函数。这将接收通过合并defaultTheme(由我的库提供)和appTheme(由ThemeP

javascript - 将 Flow 用于样式化组件 Props

所以我一直在研究JavaScript中的类型系统,大部分情况下一切正常,但是样式组件存在问题。我似乎找不到将流程应用于样式化组件的Prop的好方法。到目前为止,我看到的唯一解决方案是:exporttypeButtonPropTypes=ReactPropTypes&{styleType:'safe'|'info'|'warning'|'danger'|'link',isPill:boolean,isThin:boolean,};exportconstButtonStyled=styled.button`${generateBaseStyles}${hoverStyles}${fillS

javascript - 正确解构整个组件的 this.props

我今天遇到一个问题,考虑以下组件:exportdefaultclassInputextendsReact.Component{someFunction(){console.log(this.props.value)}render(){const{type,value,required}=this.propsreturn()}}我成功地解构了this.props并且可以在渲染中使用它们,但是如果我需要在它之外使用prop值怎么办,即在someFunction()我我不确定如果我移出constant{...}并在exportdefaultclassInputextendsReact.Com

javascript - React props.children 不是数组

根据reactdocs,如果一个组件有多个child,this.props.children应该是一个数组。我有以下组件:exportclassTwoextendsReact.Component{componentDidMount(){console.log(Array.isArray(this.props.children));//false}render(){return({this.props.children});}};我在另一个组件的render()方法中将child传递给它:为什么this.props.children不是数组?更重要的是,我怎样才能让它成为一个?

javascript - Reactjs 将方法作为 Prop 传递给 child

有没有办法将当前类的方法作为props传递给子类举个例子;varSignupModal=React.createClass({mixins:[CheckMixin],getInitialState:function(){return{'wizardstate':0}},setWizardState:function(state){varthat=this;switch(state){case0:that.setState({'wizardstate':0});break;case1:that.setState({'wizardstate':1});break;case2:that.se

javascript - 此警告消息是什么意思? 'img elements must have an alt prop, either with meaningful text, or an empty string for decorative images'

为什么我会收到此警告?warning:imgelementsmusthaveanaltprop,eitherwithmeaningfultext,oranemptystringfordecorativeimagesjsx-a11y/img-has-alt它显示第13行,但没有使用任何Prop。 最佳答案 这意味着当您在HTML中创建图像时,为了屏幕阅读器和文本浏览器的利益,您应该包含一个alt属性。 关于javascript-此警告消息是什么意思?'imgelementsmusthave

javascript - React-router:TypeError:无法设置未定义的属性 'props'

我正在尝试使用react-router包在Meteor中设置路由,但遇到了以下TypeError:图片链接:https://postimg.org/image/v0twphnc7/我在main.js中使用的代码importReactfrom'react';importReactDOMfrom'react-dom';import{Router,Route,IndexRoute,browserHistory}from'react-router';//ImportingcomponentsimportAppfrom'./components/app';importPortfoliofrom'

javascript - 用新的 React : how to compare current props. children

你好,我正在构建组件,它仅充当其他一些生成内容的包装器并使用第三方库。该库适用于props.children的组件。到目前为止一切顺利,但是这个第三方库在应用时有点滞后,或者在元素上刷新。因为刷新这个库的唯一原因是什么时候props.children改变了我想知道如何比较this.props.children和nextProps.children在shouldComponentUpdate.我在想PureRenderMixin应该做这项工作,但对我来说它不起作用。即使我只更改组件也会重新渲染state.listName如下例所示。Listname'{this.state.listNam

javascript - 如何更新故事书中的组件 Prop

我正在使用storybook(this)单独使用我的组件。我想模拟所有的通量周期(在完整的应用程序中它是在redux的帮助下完成的)并使用故事中的一个简单对象更新属性,但我遗漏了一些东西。storiesOf('Colorpicker',module).add('base',()=>{letcolorPickerState={changeColor:function(data){this.color=data.color},color:'#00aced'}return()}我希望value的Prop在onChange时更新叫做;我可以看到colorPickerState.color的值正