zoukankan      html  css  js  c++  java
  • React组件的使用

    1.组件

             在一个React应用程序中,一切都由组件组成,组件就是应用程序中的自包含的、
    关注特定用途的基础构件。基于组件来开发应用程序使用了一种“分而治之”的途径,
    来避免在某个地方有太高的复杂性。由于组件可以组合起来,每个组件都可以尽量保持
    小巧,通过将更小的组件组合在一起,创建复杂的包含更多功能的组件就变得简单了。

    2.组件的创建

    classHello extends React.Component {
    render() {
    return (
    <h1>Hello World</h1>
    )
    }
    }

    3.项目中的应用

    效果如下,使用了三个组件

    三个组件分别为:Header、Content、Footer注意组件的首字母必须大些

    React.js开发环境的搭建参考以前的博客

    http://www.cnblogs.com/zhengao/p/6936989.html

    项目目录结构

    样式全部写在App.css中

    这是App.js里面的代码,导入了需要的三个组件;下面看三个组件的代码

    Header.js组件:

    Content.js组件:

    Footer.js组件:

    样式代码可以自己写,这里不提供了。

     4.还有引入图片的时候,img文件夹要在src里面,否则会报错

    修改方法:

     

    5.React感觉不容易啊,还要继续学习。

  • 相关阅读:
    模板-树链剖分
    bzoj2523 聪明的学生
    P1220 关路灯
    BZOJ3572 [Hnoi2014]世界树
    BZOJ4013 [HNOI2015]实验比较
    BZOJ4012 [HNOI2015]开店
    BZOJ4011 [HNOI2015]落忆枫音
    BZOJ4009 [HNOI2015]接水果
    BZOJ4010 [HNOI2015]菜肴制作
    BZOJ4008 [HNOI2015]亚瑟王
  • 原文地址:https://www.cnblogs.com/zhengao/p/7070796.html
Copyright © 2011-2022 走看看