0


React学习案例二十

React学习案例二十

<!DOCTYPE html><html><head><meta charset="UTF-8"/><title>菜鸟教程 React 实例</title></head><body><div id="example"></div><script type="text/babel">classWebSite extends React.Component {
  constructor(){super();

      this.state ={
        name:"菜鸟教程",
        site:"https://www.runoob.com"}}
  render(){return(<div><Name name={this.state.name}/><Link site={this.state.site}/></div>);}}className extends React.Component {
  render(){return(<h1>{this.props.name}</h1>);}}classLink extends React.Component {
  render(){return(<a href={this.props.site}>{this.props.site}</a>);}}
 
ReactDOM.render(<WebSite />,
  document.getElementById('example'));</script></body></html><!--<!DOCTYPE html><html><head><meta charset="UTF-8"/><title>菜鸟教程 React 实例</title></head><body><div id="example"></div><script type="text/babel">classWebSite extends React.Component {
  constructor(){super();

      this.state ={
        name:"菜鸟教程",
        site:"https://www.runoob.com"}}
  render(){return(<div><Name name={this.state.name}/><Link site={this.state.site}/></div>);}}className extends React.Component {
  render(){return(<h1>{this.props.name}</h1>);}}classLink extends React.Component {
  render(){return(<a href={this.props.site}>{this.props.site}</a>);}}
 
ReactDOM.render(<WebSite />,
  document.getElementById('example'));</script></body></html>--><!--<!DOCTYPE html><html><head><meta charset="UTF-8"/><title>菜鸟教程 React 实例</title></head><body><div id="example"></div><script type="text/babel">classWebSite extends React.Component {
  constructor(){super();

      this.state ={
        name:"菜鸟教程",
        site:"https://www.runoob.com"}}
  render(){return(<div><Name name={this.state.name}/><Link site={this.state.site}/></div>);}}className extends React.Component {
  render(){return(<h1>{this.props.name}</h1>);}}classLink extends React.Component {
  render(){return(<a href={this.props.site}>{this.props.site}</a>);}}
 
ReactDOM.render(<WebSite />,
  document.getElementById('example'));</script></body></html>--><!--<!DOCTYPE html><html><head><meta charset="UTF-8"/><title>菜鸟教程 React 实例</title></head><body><div id="example"></div><script type="text/babel">classWebSite extends React.Component {
  constructor(){super();

      this.state ={
        name:"菜鸟教程",
        site:"https://www.runoob.com"}}
  render(){return(<div><Name name={this.state.name}/><Link site={this.state.site}/></div>);}}className extends React.Component {
  render(){return(<h1>{this.props.name}</h1>);}}classLink extends React.Component {
  render(){return(<a href={this.props.site}>{this.props.site}</a>);}}
 
ReactDOM.render(<WebSite />,
  document.getElementById('example'));</script></body></html>-->

本文转载自: https://blog.csdn.net/m0_54218263/article/details/122769623
版权归原作者 hhh江月 所有, 如有侵权,请联系我们删除。

“React学习案例二十”的评论:

还没有评论