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
直接貼代碼吧（我也不清楚原理，之後弄懂了再來加上）