diff --git a/project/p3/read.text b/project/p3/read.text index 2c3a4b998..7d425079d 100644 --- a/project/p3/read.text +++ b/project/p3/read.text @@ -5,7 +5,7 @@ 5、生命周期函数 constructor() render() -componentWillmount(newProps,newState) componentDidmount(preProps,preSatte) -shouldComponentUpdate(newProps,newState) -componentWillmount() \ No newline at end of file +componentDidUpdate(preProps,preSatte) +componentWillmount() +shouldComponentUpdate(newProps,newState) \ No newline at end of file diff --git a/project/p4/src/App.js b/project/p4/src/App.js index c32c7f3d0..0fa53c6d0 100644 --- a/project/p4/src/App.js +++ b/project/p4/src/App.js @@ -1,6 +1,4 @@ import React from 'react'; -// import ReactDom from 'react-dom'; -// import HeaderComponent from './components/header/index' import './assets/css/public.css' import './assets/css/app.css' class App extends React.Component{ diff --git a/project/p4/src/components/header/index.js b/project/p4/src/components/header/index.js deleted file mode 100644 index f942ba904..000000000 --- a/project/p4/src/components/header/index.js +++ /dev/null @@ -1,19 +0,0 @@ -import React,{Component} from 'react'; -import prop from 'prop-types'; -class HeaderComponent extends Component{ - render(){ - return( - - ); - } -} -//prop设置属性 -HeaderComponent.propTypes={ - title:prop.string.isRequired, - isShow:prop.bool.isRequired -} -//prop设置默认值 -HeaderComponent.defaultProps={ - title:'默认值' -} -export default HeaderComponent; \ No newline at end of file diff --git a/project/p5/src/App.js b/project/p5/src/App.js index e1c9d1296..a363f124a 100644 --- a/project/p5/src/App.js +++ b/project/p5/src/App.js @@ -1,5 +1,4 @@ import React from 'react'; -// import ReactDom from 'react-dom'; import HeaderComponent from './components/header/index' import Input from './components/input/index' import './assets/css/public.css' diff --git a/project/p6/src/App.js b/project/p6/src/App.js index 07b1e775f..1d2b2739a 100644 --- a/project/p6/src/App.js +++ b/project/p6/src/App.js @@ -1,5 +1,4 @@ import React from 'react'; -// import ReactDom from 'react-dom'; import Slot from './components/slot/index' import './assets/css/public.css' import './assets/css/app.css' @@ -9,18 +8,24 @@ class App extends React.Component{ this.state={ } } - del=function(){ + del=()=>function(){ alert("删除") } render(){ return (
- 保存 +

保xxx存

+
提交
- 删除 + + 删除 + 禁用
diff --git a/project/p6/src/assets/css/app.css b/project/p6/src/assets/css/app.css index 30c8db054..df7f35923 100644 --- a/project/p6/src/assets/css/app.css +++ b/project/p6/src/assets/css/app.css @@ -10,4 +10,9 @@ } .slot-hehe4{ color: #760aff; +} +form{ + margin: 20px 0; + padding: 12px; + border: 1px solid #666; } \ No newline at end of file diff --git a/project/p6/src/components/input/index.js b/project/p6/src/components/input/index.js deleted file mode 100644 index c1a0e4397..000000000 --- a/project/p6/src/components/input/index.js +++ /dev/null @@ -1,10 +0,0 @@ -import React,{Component} from 'react' -export default class InputComponent extends Component{ - render(){ - return( -
- -
- ) - } -} diff --git a/project/p6/src/components/slot/index.js b/project/p6/src/components/slot/index.js index ccd027c1f..47f08a994 100644 --- a/project/p6/src/components/slot/index.js +++ b/project/p6/src/components/slot/index.js @@ -15,3 +15,7 @@ export default class hehe extends Component{ ) } } +// props设置默认值 +hehe.defaultProps={ + type:'buton' +} \ No newline at end of file diff --git a/project/p7/read.text b/project/p7/read.text index 68e6af381..4d5f9a702 100644 --- a/project/p7/read.text +++ b/project/p7/read.text @@ -1 +1,2 @@ -1、槽口 \ No newline at end of file +1、槽口 +2、lazy Suspense 懒加载 \ No newline at end of file