相关疑难解决方法(0)

例如 @import url("~./foobar");

在这里看到它,不确定它是否是某些包特定的东西或它是否是真正的CSS语法.

我在我的组件之一中添加了 Intro.js，如下所示：

import introJs from 'intro.js';

然后在componentDidMount中调用

    componentDidMount() {
    introJs().start();
}

我使用它的元素：

 <div className={cx('dropDownSortingBlock')}>
                {!isTrending && <div className={cx('dropDown')} data-intro={'Hello step one!'}>

但是，当我将 css 导入父组件时

它不渲染组件。

更新：

我尝试使用 intro.js 反应包装器，现在我已将 css 直接导入到我的文件中。

然而它就是行不通

 constructor() {
        super();

        this.state = {
            showMessage: false,
            type: '',
            message: '',
            stepsEnabled: true,
            initialStep: 0,
            steps: [
                {
                    element: '.snapshotWrapper',
                    intro: 'Hello step',
                },
                {
                    element: '.snapshotWrapperNew',
                    intro: 'Hello Sort wrapper',
                },
            ],
        };
    }

渲染中

  <Steps
            enabled={this.state.stepsEnabled}
            steps={this.state.steps}
            initialStep={this.state.initialStep}
            onExit={this.onExit}
                    />

下面是显示的内容：