当使用 Material UI 切换深色模式时，Formio 表单的字体颜色更改为白色

问题描述

Before Dark Mode After Dark Mode我在 React JS 应用程序中将 Material UI 用于 Dark Mode 和 Formio Forms。在点击 Dark Mode Button 时，Material UI 将渲染的 Formio Form 的字体颜色更改为白色，但 formio 表单的背景颜色保持为白色。这是我下面的formio示例代码

const Customerformgrid = () => {

    useEffect(() => {
        Formio.createForm(document.getElementById('test'),{
            components: [{
              "label": "","tableView": true,"rowDrafts": false,"key": "editGrid","type": "editgrid","displayAsTable": true,"components": [{

              }]
            }).then(function(form) {

                form.submission = {
                  data: {
                    editGrid: [{

                        "Subsmission data"
                      }
                    }
                  ],}
              };
            });
        });

      return (

        <
        div className = "panel panel-primary grid-container card" >
        <
        div className = "panel-heading card-header" >
        Customer Details <
        /div> <
        div id = 'test' >
        <
        /div> < /
        div >
      );
    };

    export default Customerformgrid;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）