在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元素的属性。