Question

我是React的新手，想要使用jQWidgets库：

https://www.jqwidgets.com/reactjs-components-documentation/

因此，使用此链接设置package.json，创建了文件夹jqwidgets-react和jqwidgets，并将所需的 .js 文件放入其中 https://www.jqwidgets.com/reactjs-components-documentation/documentation/create-react-app/index.htm?search=

现在，当我转到我的 app.js 文件并导入任何文件时，它会显示我＆＃34;找不到模块＆＃34;像这样：

import JqxDateTimeInput from './jqwidgets-react/react_jqxdatetimeinput';

无法编译。

./src/layouts/report_definition/step_one.js中的错误找不到模块：   ./jqwidgets-react/react_jqxdatetimeinput in   /家庭/阿米特/ identity_pp / SRC /布局/ report_definition

@ ./src/layouts/report_definition/step_one.js 61：30-81

Answer 1

首先，我们需要全局安装Create React App，因此我们可以使用它的命令： npm install -g create-react-app

创建一个Create React App应用程序： create-react-app我的应用

集成jQWidgets React组件在src文件夹中，添加一个资产文件夹，其中包含jqwidgets和jqwidgets-react文件夹：

最后在App.js文件中编写您的小部件代码：

import React, { Component } from 'react';

import JqxDateTimeInput from './assets/jqwidgets-react/react_jqxdatetimeinput';

class App extends Component {
    render() {
        return (
            <div>
                <h4>My First jQWidgets React Component</h4>
                <JqxDateTimeInput width={200} height={30} />
            </div>
        );
    }
}

export default App;

在React.js中使用jQWidgets

1 个答案: