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感觉不容易啊,还要继续学习。

  • 相关阅读:
    淘女郎相册爬虫(Python编写)
    在 Linux 命令行中使用和执行 PHP 代码
    PHP PhantomJs中文文档(翻译)
    PHP
    PHP
    PHP
    PHP — 用PHP实现一个双向队列
    Redis — CentOS6.4安装Redis以及安装PHP客户端phpredis
    Linux
    Memcache学习笔记
  • 原文地址:https://www.cnblogs.com/zhengao/p/7070796.html
Copyright © 2011-2022 走看看