在onclick按钮- React后更改/收缩列宽以容纳另一列

const [columnWidth, setColumnWidth] = useState(200);

<div style={{ width: columnWidth }}>
  {/* 列的内容 */}
</div>

<button onClick={() => setColumnWidth(columnWidth - 50)}>收缩列宽</button>

import React, { useState } from 'react';

const MyComponent = () => {
  const [columnWidth, setColumnWidth] = useState(200);

  return (
    <div>
      <div style={{ width: columnWidth }}>
        {/* 列的内容 */}
      </div>
      <button onClick={() => setColumnWidth(columnWidth - 50)}>收缩列宽</button>
    </div>
  );
};

export default MyComponent;