react hook关于变量的监视的问题

import React, { useState, useEffect } from 'react'

import { Button } from 'antd'

function index() {

  const [A, setA] = useState(1);

  const [B, setB] = useState([1, 2, 3, 5]);

  //上来就监视

  useEffect(() => { }, [])

  //上来就监视

  useEffect(() => {

    console.log('B发生了变化')

  }, [B])

  useEffect(() => {

    console.log('A发生了变化')

  }, [A])

  const onClick = () => {

    setB([1, 2, 3, 5]);

    setA(2);

  }

  return (

    <div>

      <Button type='primary' onClick={onClick}>点击改变</Button>

    </div>

  )

}

export default index;

 

A 改了就是改了

B 任何改动都是改动，因为他是引用类型