Day1：react 学习日记及letcode第二题

今天十点才下班，整理了一下昨天学的知识，两个点。 第一个是useeffect的使用和清除副作用函数，以及自定义hooks组件（其实就是抽离成一个工具函数） 代码：

import { useEffect,useState } from "react"; function Son(){ const timer= useEffect(()=>{ console.log('打印了数据'); },[]) return( <div> 我是子组件 </div> ) } function UseEffect(){ const [showSon,setShowSon]=useState(true) const showClick=()=>{ setShowSon(!showSon) } return( <div> {showSon&&<Son/>} <button onClick={showClick}>点击</button> </div> ) } export default UseEffect 重点是在这个useeffect里面返回的然后清除副作用 第二个是redux的使用 今天在上班的过程中才使用，redux，在一些大项目中我想是必用的东西，比如各个组件里面通信之类的 我直接用网页写了个demo的加减

`

Document `

然后是letcode第二题：“给你一个字符串数组，请你将 字母异位词 组合在一起。可以按任意顺序返回结果列表” function groupAnagrams(strs) { const map = {}; // 用普通对象

for (let word of strs) { // step1: 排序得到 key const key = word.split('').sort().join('');

// step2: 判断 key 是否存在
if (!map[key]) {
  map[key] = [];  // 没有就新建一个数组
}
map[key].push(word); // 有就往里面 push

} return Object.values(map); }