react踩坑之旅——字符串拼接 & this不起作用

发布时间:2019-06-05 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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不起作用

脚本宝典总结

以上是脚本宝典为你收集整理的react踩坑之旅——字符串拼接 & this不起作用全部内容,希望文章能够帮你解决react踩坑之旅——字符串拼接 & this不起作用所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。