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

将近半个月左右没有写这个项目,如今在用Ant design 的UI库对之前的代码进行完善(能够说是重写了),仍是遇到不少问题的,今天主要写两个。react

字符串的拼接

正常js字符串拼接直接用" "+" "就能够实现,遇到变量用{{ }}也OK,react越写约娇气的感受……
下面的介绍都带变量yii

  • 状况一 {" "+ 变量}

主要是出如今赋值的状况
例如:value={"A"+item.order}this

  • 状况二 {名称:' '+ 变量}

主要出如今对象赋值的状况
{label: 'B.'+item.question_answer.answer2, value:'B'+item.order }spa

上面两种状况其实只要注意在变量的取值状况时只能出现一个{},在外面有一个{}的状况下千万不要{变量}
像这样绝对是经过不了的
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
直接贴代码吧(我也不清楚原理,之后弄懂了再来加上)ip

clipboard.png

clipboard.png

相关文章
相关标签/搜索