以编程方式更改按钮背景不起作用

// 错误的示例
document.getElementById('nonexistentButton').style.backgroundColor = 'blue';

// 正确的示例
document.getElementById('myButton').style.backgroundColor = 'blue';

window.onload = function() {
    document.getElementById('myButton').style.backgroundColor = 'blue';
};

/* 高优先级的CSS规则 */
#myButton {
    background-color: red !important;
}

document.getElementById('myButton').style.setProperty('background-color', 'blue', 'important');

import React, { useState } from 'react';

function MyComponent() {
    const [bgColor, setBgColor] = useState('white');

    return (
        <button 
            style={{ backgroundColor: bgColor }}
            onClick={() => setBgColor('blue')}
        >
            Click me
        </button>
    );
}