# study-vlog

**Repository Path**: sunny011/study-vlog

## Basic Information

- **Project Name**: study-vlog
- **Description**: 记录学习
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-10
- **Last Updated**: 2022-10-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# study-vlog

### react

- react 基础

  1. 函数式组件

  ```js
  import React from 'react'
  function funcName() {
    return (
      <>
        <div>我是函数组件</div>
      </>
    )
  }
  export default funcName
  // 或箭头函数
  const funcCount = () => (
    <>
      <div>我是函数组件</div>
    </>
  )
  export default funcCount
  ```

  2. 类组件

  ```jsx
  import React, { Component } from 'react';
  class MyComponent extends Component {
    constuctor(props) {
      super(props),
      this.state = {
        count: 1;
      }
    }
  }
  export default MyComponent
  ```

  3. state 的初始化

  ```js
  import React, { Component } from 'react';
  class MyComponent extends Component {
    constuctor(props) {
      super(props),
      this.state = {
        count: 1;
      }
    };
    // 简写：去除constructor(构造器)
    state = {
     count: 1;
    }
  }
  export default MyComponent
  ```

  4. setState 的使用
  5. props 的使用
  6. refs 的使用