组件分为函数式组件和类组件 函数式组件： 类组件 如果我们需要向组件传递参数，可以使用 this.props 对象 函数式组件使用props.属性名 类组件使用this.props.属性名 impor
import React,{ Component } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
function Cyy1(props){
return(
<p>{props.name}</p>
)
}
class Cyy2 extends React.Component{
render(){
(
<p>{this.props.name}</p>
)
}
}
ReactDOM.render(
<div>
<Cyy1 name='cyy1' />
<Cyy2 name='cyy2' />
</div>,document.getElementById('example')
);
serviceWorker.unregister();
import React,1)"> Name(props){
)
}
Age(props){
(
<p>{props.age}</p>
)
}
ReactDOM.render(
<div>
<Name name='cyy1' />
<Age age='18' />
</div>,1)">)
);
serviceWorker.unregister();
HelloMessage(props) {
return <h1 style={{color:'red',textAlign:'center'}}>Hello World！</h1>;
}
var myStyle = {color:'red',textAlign:'center'}
class HelloMessage extends React.Component {
render() {
return <h1 style={myStyle}>Hello World！</h1>;
}
}
总结
服务热线 19970861797
