首页 / REACT / react--入门

react--入门

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了react--入门，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1028字，纯文字阅读大概需要2分钟。

内容图文

1.基本写法：

　　(1)

            import React from ‘react‘;

class Login extends React.Component{
    render(){
        return(
               
            <
            div
            ></
            div
            >
            
        )
    }
}

export default  Login;

　　(2)

            import React,{Component} from ‘react‘;

class Login extends Component{
    render(){
        return(
            
            <
            div
            ><
            div
            >
            
        )
    }
}

export default  Login;

 2.使用变量：

            import React from ‘react‘;

class Login extends React.Component{
    render(){
       let name=‘React‘;
        return(
           
            <
            div
            >Hello,{name}</div>
        )
    }
}

export default  Login;

3.Props:

 this.props.参数名:

            import React,{Component} from ‘react‘;

class Parent extends Component{
    render(){
        return(
            
            <
            div
            >
            <
            ul
            >
            <
            Child 
            name
            =‘张良‘ 
            age
            =‘17‘
            ></
            Child
            >
            <
            Child 
            name
            =‘韩非‘ 
            age
            =‘24‘ 
            ></
            Child
            >
            <
            Child 
            name
            =‘卫庄‘ 
            age
            =‘20‘ 
            ></
            Child
            >
            </
            ul
            >
            </
            div
            >
            
        )
    }
}

class Child extends Component{
    render(){
        return(
            
            <
            li
            >姓名：{this.props.name}--年龄：{this.props.age}</li>
        )
    }
}

export default Parent

this.props.children:

 

原文：https://www.cnblogs.com/VaeVae/p/10271070.html

内容总结

以上是互联网集市为您收集整理的react--入门全部内容，希望文章能够帮你解决react--入门所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1193549.html

来源：【匿名】