Question

我是react的初学者。... 我正在尝试通过将网站分解为{strong>组件来将其转换为react。

我的问题是如何包含我的js文件。

如果我在index.html中包含js文件，或者我必须为每个组件分别分离js代码，该代码将起作用吗？每个组件都需要一些js代码。

Answer 1

您只需将JavaScript代码放入使用它的组件中即可。如果有滑块，则可以放置JS函数，该函数控制<slider/>组件中的所说滑块。

Answer 2

您可以使用create-react-app，这将创建React的演示项目。您可以将组件代码写入一个App.js文件中，也可以根据需要为每个组件创建不同的文件。 index.js将是入口JS文件，因此ReactDOM.render将在该文件中发生。

//App.js

import React, { Component } from 'react';
import FirstComp from './FirstComp';
class App extends Component{
    render(){
        return(
            <div>
                {/* JSX Statements */}
                <FirstComp />
            </div>
        );
    }
}

export default App;

//FirstComp.js
import React, { Component } from 'react';
class FirstComp extends Component{
    render(){
        return(
            <div>
                {/* JSX Statements */}
            </div>
        );
    }
}

export default FirstComp;

尝试FullStack React

Answer 3

import * as something from './something.js';

现在您已经导入了something.js文件，则可以调用something.js文件中的任何函数。

something.someFunction()

在基于React的应用程序中包含js文件？

3 个答案: