工作记录：

今天加班了，但又学到了很多，熬夜记录

1.数据一般都放在models中，但dvajs存储的数据属于一刷新就没有了，所以需要将获取基础展现的信息放在localstorage中

2.如何在render中去promise数据，我用了生成器，不知是否有更好的方法

  ta=function* gI(){

    yield  Taro.getStorage({ key:"ti" }).then(res => this.getTabIndex = res.data).catch();

  };

 render() {

        const { rescueState } = this.props;

        this.ta().next();

       console.log(this.getTabIndex)

3.hook组件和class组件的不同：对变量的定义和使用

class时，直接书写函数就能为对象添加属性方法

var tool={     privateName:"",     console(str){         window.console&&window.console.log(str);     },     trim(str){         return str.replace(/^\s+|\s+$/,"");     } };

1（1）class时，对组件内部的值可以使用this.xxx和this.state.xxx存储，对不需要更新页面的属性采用前者。

1（2）不要再hook外定义变量，不在组件内部，不符合设计原则，

let xxx2 = undefined;// ....@2

export default () => {}

1（3）hook：

hook存储不需要更新页面的属性

export default () => {
    const xxx3 = useRef(0)  // ....@3
    const [info] = useState({});
    const [age, setAge] = useState(0);

const [xxx, setxxx] = useState(initialState)

注意：useState不会自动合并更新对象，需要用函数式的方式来达到效果

setCount(prevCount => {
  // 也可以使用 Object.assign
  return {...prevCount, ...updatedValues};
});

// ③data改变后，重新渲染列表。

  // 这里相当于 componentDidUpdate。当data发生改变时，重新渲染页面

  useEffect(() => {

    setDataList(data);

  }, [data]);

7、使用let而不是const有什么问题
使用了let方式声明state，则state可以直接赋值，此时相当于class时代的this.xxx=yyy这样，不会触发页面刷新

要想实现class中this.xxx效果，下面的方式可能稍微好点

   const [info] = useState({});
    const onClick = async () => {
        info.age = 10
    }

声明state的时候只赋给第一个值，这样一看就知道info属性是只能拿来使用，而不能刷新页面

1. Taro:

let a= g() - (IS_RN ? 80 : 220);

        let dataList;

        Object.keys(a).map((item,i)=>{//对象用Object,keys遍历，数组用map遍历

          if(item == "0"){   

            let { list } = a[item];//解构

            dataList = list;

          }       }

1.  <Image  src={require('../../../public/images/noRescue.png')}  />
2. @import "../xx.scss";
3. @include flex();
4. let [a, [[b], c]] = [1, [[2], 3]];

代码展示1：
import React, { useState } from "react";
​
const Counter = () => {
  const [counter, setCounter] = useState(0);
​
  const onAlertButtonClick = () => {
    setTimeout(() => {
      alert("Value: " + counter);
    }, 3000);
  };
​
  return (
    <div>
      <p>You clicked {counter} times.</p>
      <button onClick={() => setCounter(counter + 1)}>Click me</button>
      <button onClick={onAlertButtonClick}>
        Show me the value in 3 seconds
      </button>
    </div>
  );
};

Class组件写法

import React, { Component } from 'react';

class Example extends Component{
    constructor(){
        super();
        this.state = {
            count: 0
        }
    }

    render() {
        return (
            <div>
                <h2>You clicked { this.state.count } times</h2>
                <button onClick={() => {this.setState({count: this.state.count + 1})}}>Click me</button>
            </div>
        );
    }
}

Hook写法
import React, { useState } from 'react';

function Example() {
    const [count, setCount] = useState(0);

    return(
        <div>
            <h2>You clicked { count } times</h2>
            <button onClick={() => {setCount(count + 1)}}>Click me</button>
        </div>
    );
}

export default Example

https://blog.csdn.net/Cassy_Wu/article/details/101380699

https://www.jianshu.com/p/b666ac2407b0