草庐IT

no-mutating-props

全部标签

javascript - this.props.onPress 不是函数

我有一个HomePage.js,其中包含AboutUs按钮,当我单击该按钮时,我想显示AboutUs.js.HomePage.js显示正确,但是,当我单击按钮时,出现以下错误:this.props.onPress不是函数。(在'this.props.onPress(e)'中,'this.props.onPress'是Object的一个实例)我有App.jsimportReact,{Component}from'react';import{StackNavigator}from'react-navigation';importHomePagefrom'./HomePage';import

javascript - Prop 更新时,React Native 组件不透明度不会更新

我有一个ReactNative子组件,如果disabled属性设置为true,它会呈现一个半透明状态的按钮。该prop可能会在应用程序初始加载后更新(一旦它获得了数据),因此不会是组件的初始状态。我可以看到,一旦我与按钮交互,它就会改变其状态,但出于某种原因之前不会。我可以从日志和onPress行为中看到,Prop正在更新。我尝试了不同的方法,但似乎都无法解决问题。classTestButtonextendsReact.Component{constructor(props){super(props);}render(){constbuttonOpacity=(this.props.d

javascript - react / Hook : prevent re-rendering component with a function as prop

假设我有:constAddItemButton=React.memo(({onClick})=>{//Goalistomakesurethisgetsprintedonlyonceconsole.error('ButtonRendered!');returnAddItem;});constApp=()=>{const[items,setItems]=useState([]);constaddItem=()=>{setItems(items.concat(Math.random()));}return({items.map(item=>{item})});};每当我添加一个项目时,重新呈

javascript - 为什么 console.dir ('' ) 打印 "no properties"?

我的印象是字符串具有属性,例如match。为什么console.dir('')声称''没有属性(至少在GoogleChrome中是这样)? 最佳答案 这是因为''是字符串文字,而不是String“类”的实例。由于match等属性是在String.prototype上声明的,因此在使用字符串文字时您将看不到它们。如果您使用new运算符,您将看到您所期望的:vars=newString("hello");console.dir(s);这是Chrome开发者工具的屏幕截图(注意需要展开prototype,因为您希望看到的方法是在原型(pr

javascript - jquery .prop ('disabled',真)不工作

我正在尝试切换disabled=true|false在上,使用复选框。我能够获取输入的值,但无法将输入设置为禁用。我的jquery/js代码$(function(){$('.date').datepicker();$('body').on('change','.housing',function(){if($(this).val()=='dorms'){$(this).parent().next(".dorms").show();}else{$(this).parent().siblings(".dorms").hide();}});$('body').on('change','.si

javascript - React - 由父级覆盖 redux prop

说我有一个Container通过以下方式连接到redux:constmapStateToProps=({MyReducer})=>({myProp:MyReducer.myProp});是否可以通过父级强制myProp的值(覆盖redux)?我试过:但是mapStateToProps会覆盖提供的值。注意:我无法更改容器,我的问题是是否只能通过父容器来完成。(当然这意味着糟糕的状态设计,但不幸的是它已经到了那个地步)谢谢 最佳答案 mapStateToProps接受twoarguments.所以我想你可以通过以下方式覆盖它:const

javascript - 视觉 : Components/templates as props

我目前正在尝试学习vue并在整个组件概念上苦苦挣扎。假设我有一些定义选项卡的组件(如浏览器选项卡)。这个组件有一个名为name的属性。所以你可能会像这样使用组件:然而,让我们说事情需要更复杂一点。例如,您不只是希望名称是一个字符串,而是常规的HTML。好的,所以,您可以在v-html指令中使用prop并像这样使用选项卡组件:'+tab.display_name+''">由于引述太多,我花了一段时间才弄明白。有没有办法逃离这个逃生hell(完全是双关语)?我怎样才能把它放到它自己的代码片段/模板中?如果我们让它变得更复杂怎么办——比如我们要求prop是一个vue组件?'+tab.disp

javascript - 为什么我在 for...of 循环中收到 'no-unused-vars' 警告,我该如何解决?

我正在开发一个使用CreateReactApp创建的React应用程序。在每个for...of循环中,我都会收到这个奇怪的“no-unused-vars”警告,指向我在for语句中实例化的变量。ESLint告诉我我的变量没有被使用,但它实际上被使用了。有没有其他人收到类似的警告?是ESLint错误还是我做错了什么?这不是什么大问题,但很烦人。感谢您的帮助。for(lettrackoftracks){letchords=RavelFormatter.splitEntries(track.pitches)for(letchordofchords){varn=chord.split(':')

javascript - JSX 中 Prop 的顺序重要吗?

如果o对象包含键/值对:foo:'bar'我可以依赖这些结果吗?://foowillbe'bar'//foowillbe'overridden'换句话说,是在使用spread时对属性进行排序运算符重要吗? 最佳答案 是的,是的。它的工作原理与您的示例完全一样你的例子被翻译成://foowillbe'bar'//foowillbe'overridden'因此,它总是覆盖最后一个 关于javascript-JSX中Prop的顺序重要吗?,我们在StackOverflow上找到一个类似的问题:

javascript - 使用 event.target.id 从 bind(this) 获取 id 时意外使用 'event' no-restricted-globals

此代码适用于Codepen:参见https://codepen.io/pkshreeman/pen/YQNPKB?editors=0010然而,我试图在我自己的“create-react-app”中使用它,并且“no-restricted-globals”的错误是由event.target.id触发的。有什么解决方法。除了使用事件目标之外,您如何从“this”中获取id?constElem=(props)=>{return(GoodMorning!{props.name}{props.last}Thisisphasethree{props.text}SecondButton);};cl