前端框架 React 基础-模块划分1
层次划分：src下分为index.js//入口文件；app.js//应用本身；components文件夹//里面放各种组件
index.js文件
import React from ‘react‘;
import ReactDOM from ‘react-dom‘;
import App from ‘./app.js‘
ReactDOM.render(<App />, document.querySelector("#root"))
///////////////////////////
app.js文件
import React from ‘react‘;
import Counter from ‘./components/count/counter.js‘
export default class extends React.Component{
render(){
return <Counter />
}
}
///////////////////////////////////
components文件夹里面的文件//components/count/counter.js
import React from ‘react‘;
export default class extends React.Component {
counter = {
counter: 1,
a: 1111
}
render() {
return (
<div>
<p>你一共点击了0次</p>
<button>+</button>
<button>-</button>
</div>
)
}
}
1React里面的所有静态页面都写在public文件夹下面，比如img图片文件夹，在src文件夹下面的index.js文件里面，如果要引入pulic下的图片文件夹，是相对应于public里面的index.html的相对路径
相关推荐
游走的豚鼠君 2020-11-10
81417707 2020-10-30
ctg 2020-10-14
小飞侠V 2020-09-25
PncLogon 2020-09-24
jipengx 2020-09-10
颤抖吧腿子 2020-09-04
wwzaqw 2020-09-04
maple00 2020-09-02
青蓝 2020-08-26
罗忠浩 2020-08-16
liduote 2020-08-13
不知道该写啥QAQ 2020-08-02
pengruiyu 2020-08-01
wmd看海 2020-07-27
孝平 2020-07-18
Eduenth 2020-07-05
iftrueIloveit 2020-07-04