React设置IFRAME SRC从按钮单击

Question

尝试设置将将URL末端更改为“ Light”或“ Dark”并刷新iframe的按钮或切换开关

const url = ("http://localhost/ij3&theme=")
const mode = ['light', 'dark']

const TestPage = () => (
    <Card>
        <Switch defaultChecked />
        <Button
            onClick={() => { }}
            label="dark">
        </Button>
        <IframeResizer
            src={url + mode}
            style={{ width: '1px', width: '100%'}}
        />
    </Card>
);

export default TestPage;

Answer 1

使模式作为react中的状态，因此每当会更改时，重新渲染时也将更新iframe src