脚本宝典收集整理的这篇文章主要介绍了react踩坑之旅——字符串拼接 & this不起作用,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
将近半个月左右没有写这个项目,现在在用Ant Design 的UI库对以前的代码进行完善(可以说是重写了),还是遇到很多问题的,今天主要写两个。
字符串的拼接
正常js字符串拼接直接用" "+" "就可以实现,遇到变量用{{ }}也OK,react越写约娇气的感觉……
下面的介绍都带变量
- 情况一 {" "+ 变量}
主要是出现在赋值的情况
例如:value={"A"+ITem.order}
- 情况二 {名称:' '+ 变量}
主要出现在对象赋值的情况
{label: 'B.'+item.question_answer.answer2, value:'B'+item.order }
上面两种情况其实只要注意在变量的取值情况时只能出现一个{},在外面有一个{}的情况下千万不要{变量}
像这样绝对是通过不了的
value={"A"+{item.order}}
{label: 'B.'+{item.question_answer.answer2}, value:{'B'+item.order} }
this.PRops报错
报错信息:React Tutorial: TyPEError: Cannot read property 'props' of undefined
方法:把this 改成了that
直接贴代码吧(我也不清楚原理,以后弄懂了再来加上)
以上是脚本宝典为你收集整理的react踩坑之旅——字符串拼接 & this不起作用全部内容,希望文章能够帮你解决react踩坑之旅——字符串拼接 & this不起作用所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。