React中常见错误集锦

组件引入错误

import 必须在其它所有业务代码前面（意思就是import必须在文档最前面）

styled-components中全局样式的使用

最新版的 styled-components v4 已经将原有的 injectGlobal() 方法替换成了 createGlobalStyle() ，而且用法也和之前的 injectGlobal 方法不同了。

style.js

import {createGlobalStyle} from 'styled-components';

export const GlobalStyle = createGlobalStyle`
	body {
	    margin: 0;
	    padding: 0;
	    background: red;
	}
`

App.js

function App() {
	return (
		<>
			<GlobalStyle />
			hello world
		</>
	);
}