reactjs 为什么ReactdataPicker stiles没有应用在基于WordPress React的插件中?

pinkon5k  于 2023-06-05  发布在  React
关注(0)|答案(1)|浏览(96)

为了保存,我增加了两种方法:
1.导入“react-datepicker/dist/react-datepicker.css”
在组件中。
Admin.php中我有

if ( $this->plugin_screen_hook_suffix == $screen->id || $screen->id == "tikex_page_tiket-on-wordpress-eventtimeseditor") {
        wp_enqueue_style( $this->plugin_slug . '-style-7', plugins_url( 'assets/css/ReactDatePickerFromNodeModules.css', dirname( __FILE__ ) ), array(), $this->version );
    }

我将mode_modules中的css复制到ReactDatePickerFromNodeModules.css
当使用react-datepicker时,不应用样式,但仅在safari中应用。为什么?

0s0u357o

0s0u357o1#

这个问题:
将以下代码添加到Admin.php文件中:

if($screen->id == "tikex_page_tiket-on-wordpress-eventtimeseditor") {
        wp_enqueue_style( $this->plugin_slug . '-style-7', plugins_url( 'assets/css/ReactDatePickerFromNodeModules.css', dirname( __FILE__ ) ), array(), $this->version );
        wp_enqueue_style('react-datepicker', 'https://unpkg.com/react-datepicker/dist/react-datepicker.css');
    }

这将直接从unpkg CDN加载react-datepicker的CSS文件,这应该可以解决Safari中的问题。

相关问题