相关疑难解决方法(0)

如果我正在创建一个组件,似乎你可以用很多不同的方式创建一个类.这些有什么区别？我怎么知道使用哪一个？

import React, {Component} from 'react'

export default class Header extends Component {

}

export const Header = React.createClass({

})

export default React.createClass({

})

我只是假设他们做了不同的事情,还是仅仅是不同的语法？

如果有人能给我一个快速解释或链接,我会非常感激.我不想从一个新的框架开始,不知道究竟有什么区别.

我有以下 ReactJS 项目结构，但出现以下错误：

./src/index.js

尝试导入错误：“./components”不包含默认导出（作为“App”导入）。

我的目标是导入这样的组件：（import { App, Navbar } from 'components';注意“组件”）而不是像./components/App，./components/App/index左右。为此，我需要在 components 目录中添加 index.js。我尝试通过以下代码执行此操作，但收到上述错误。

什么原因？我该如何解决？

有类似的线程，但我已经export default App;在 ./components/App/index.jsx 中导出它。也许原因是 .jsx 扩展名？

• 索引.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(<App />, document.getElementById('root'));

serviceWorker.unregister();

• 组件/index.js

export App from './App';

• 组件/应用程序/index.jsx

import React, { Fragment } from 'react';
import './style.css';
import { BrowserRouter as Router, Switch, Route, Redirect } …