JZTXT

问题记录

发布时间 2023-05-26 00:47:31作者: 设德兰

5/25 

什么是React Fragment?

React Fragment 是 React 中的一个特性，它允许你对一组子元素进行分组，而无需向 DOM 添加额外的节点，从而允许你从 React 组件中返回多个元素。要从 React 组件返回多个元素，需要将元素封装在根元素中。这种方法效率不高，在某些情况下可能会引起问题。

Fragment的优势：React Fragment 有一个更小的DOM，它们渲染更快，使用更少的内存。

Fragment的使用：使用简写<></>或者使用<React.Fragment></React.Fragment>标签。

html button标签

<button type="button">Click Me!</button>

5/26

JS map方法

可以使用JavaScript内置的Array.map()方法，代替循环用来遍历数组。

假设你需要将数组的每个元素乘以 3，你可以考虑像使用 for 循环，但实际上，你可以使用Array.map()方法来获得相同的结果。

//使用for循环
let arr = [3, 4, 5, 6];

for (let i = 0; i < arr.length; i++){
  arr[i] = arr[i] * 3;
}

console.log(arr); // [9, 12, 15, 18]

//使用map方法
let arr = [3, 4, 5, 6];

let modifiedArr = arr.map(function(element){
    return element *3;
});

console.log(modifiedArr); // [9, 12, 15, 18]

map方法的语法如下：

arr.map(function(element, [index], [array]), [thisValue]);
  • 对每个数组元素调用回调函数 function()
  • 通常，你只会在回调函数中使用 element 参数，而忽略其余参数