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>-->

标签： react.js javascript 前端

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

React学习案例二十

React学习案例二十

发表评论

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

关于作者

overfit同步小助手

相关阅读

文章导航