React中虚拟DOM作用你了解全面吗？——Vue到React学习篇

本人在之前是没有系统的学习过React，看过代码而已，现在打算开始从一个Vue使用者全面学习React,我将会记录下分享我在学习React中的知识点，如果你是一个React初学者或者之前没有学习过React，希望我的文章将会对你有所帮助~~

JSX核心语法

回到正题，如何判断你是一个React初学者，首先你得知道React中{}插值语法是能够直接显示Number\String\Array数组的，不用像Vue中使用指令（v-for）,所以你会看到React中有大量的像map、Reduce这些高阶函数，所以React对js的要求会比较高，如果你不知道这点，基本就能知道是不是初学者了，本人一开始也不知道（vue指令写习惯了），同理v-if指令也是没有的，直接用js逻辑去判断。

function List() {
  const items = ['A', 'B', 'C'];
  return (
    <div>
      {items.map((item) => (
        <span key={item}>{item}</span>
      ))}
    </div>
  );
}
// 上述代码将会直接渲染展示出数组中三个元素
//<div><span>A</span></div>
//<div><span>B</span></div>
//<div><span>C</span></div>

jsx中当变量是null,undefined,Boolean类型时，内容为空，如果希望显示的话需要转为字符串&#x