1回答

好帮手慕夭夭

2021-02-25

同学你好，问题解答如下：

1、style是属性，在style中可以设置css样式。而minWidth和 width就是css样式，minWidth是最小宽度的意思，width是宽度的意思。比如一个盒子设置width为200px，那么它的宽度就是固定的200px。如果只设置minWidth为200px的话，意思是盒子的宽度最小不能低于200px，但是可以比200px大。也就是说盒子的宽度不是一个固定的值，内容撑开多大就是多大，但是即便内容宽度小于200px，盒子的宽度也会保持在200px。

2、在普通的html标签中设置style属性，那么属性值都是字符串的形式（即引号包裹），所以可以书写样式时，这种带横杆的是可以识别的。

而react中设置的style属性，属性值是对象的形式（即花括号包裹），对象中的属性，属性名是不可以有横杆的。你可以参考如下对象理解：

会报错是横杆是无效的语法：

要使用驼峰命名的方式：

所以课程中写法也是这个道理哦

3、html标签没有什么区别，其实react中书写就是html标签。

而下面这些不是html标签，是调用的组件，只不过组件的写法和html标签很类似哦。

祝学习愉快~

0