在React中如何替代setAttribute

在React中，通常不直接操作DOM元素来修改属性，而是使用state和props来管理组件的状态和属性。如果需要修改DOM元素的属性，可以通过ref来访问DOM元素，然后通过setState来更新state中的属性。例如：

import React, { useRef } from 'react';

function MyComponent() {
  const inputRef = useRef(null);

  const handleClick = () => {
    inputRef.current.value = 'New Value';
  }

  return (
    <div>
      <input ref={inputRef} />
      <button onClick={handleClick}>Change Value</button>
    </div>
  );
}

在上面的例子中，我们使用了useRef来创建一个ref引用，然后将这个ref引用传递给input元素，通过inputRef.current来访问input元素，在handleClick函数中修改input元素的value属性。这样就可以替代直接使用setAttribute来修改DOM元素的属性。