博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react踩坑之旅——字符串拼接 & this不起作用
阅读量:7113 次
发布时间:2019-06-28

本文共 581 字,大约阅读时间需要 1 分钟。

将近半个月左右没有写这个项目,现在在用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
直接贴代码吧(我也不清楚原理,以后弄懂了再来加上)

clipboard.png

clipboard.png

转载地址:http://edwel.baihongyu.com/

你可能感兴趣的文章
[Java] JSP笔记 - EL、JSTL 常用标签
查看>>
git bash命令行
查看>>
【oracle】union、union all、intersect、minus 的用法及区别
查看>>
【转】交换机背板带宽
查看>>
tcpdump使用方法
查看>>
这样就可以修改MathType公式编号格式吗
查看>>
clean完后没有生成R文件
查看>>
一个男人关心的东西 决定了他的层次
查看>>
【转】七年阿里老人谈新人成长
查看>>
机器人搬重物(BFS)
查看>>
the config of vichrome
查看>>
VINS(七)estimator_node 数据对齐 imu预积分 vision
查看>>
pku1274 The Perfect Stall
查看>>
android开发之图表
查看>>
redis实现分布式锁工具类 灰常好用
查看>>
rocketmq Don't have SubscriptionGroup
查看>>
Arx 函数
查看>>
verilog语法实例学习(13)
查看>>
iOS/oc取消arc[转]
查看>>
关于硅谷的文化
查看>>