react 拖拽和换色

最新推荐文章于 2024-09-16 08:47:17 发布

阿豪boy

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量1.2k

点赞数

文章标签： js react javascript vue nagios

本文链接：https://blog.csdn.net/qq_35516360/article/details/122065094

版权

本文介绍了如何在React应用中实现元素的拖拽移动和颜色变化功能。用户可以通过按钮操作，或者直接拖拽来移动元素，并能改变元素的颜色。此外，文章还提及了与Ramda库的使用示例以及Charles Proxy的代理和抓包功能。

摘要由CSDN通过智能技术生成

原文链接: react 拖拽和换色

上一篇: Ramda 例子

下一篇: charles proxy 代理转发和抓包

可以使用按钮控制移动, 也可以拖拽移动

可以使用按钮改变颜色

import React, {
  createRef,
  useState,
  useEffect,
} from "react";
import "./App.css";

function App() {
  const box = createRef<HTMLDivElement>();
  // x 横向, y 纵向
  const [position, setPosition] = useState({
    x: 0,
    y: 0,
  });

  useEffect(
    () => {
      console.log("update", box.current!.getBoundingClientRect());
    },
    [] // 空数组表示该函数只执行一次
  )