博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React入门小记
阅读量:6882 次
发布时间:2019-06-27

本文共 677 字,大约阅读时间需要 2 分钟。

一、创建react项目

1.安装node npm、并检验是否安装成功(node -v、npm -v)

2.npx create-react-app small-app(创建react项目工程)

cd small-app

npm run start

二、render函数

每个组件必须返回一个render函数,这个 render 方法必须要返回一个 JSX 元素。 必须要用一个外层的 JSX 元素把所有内容包裹起来,返回并列多个 JSX 元素是不合法的.

三、事件方法

handClickAction(参数){具体实现过程}复制代码

四、map遍历数组

要实现如下图功能:

React是操作数据的、不需要关心DOM结构,只需要循环遍历数组、返回标签即可。

const list = []list.map((item,index)=>{    return(
  • {item}
  • )})复制代码

    五、css样式写法

    1.本文件中const  inputStyle ={    marginLeft:'15px',    marginTop:'10px',    width:'200px',    height:'30px',}2.css文件中.MyStyle{  text-align: left;  font-size: 18px;  color: red;  background-color: lightgoldenrodyellow;}采用复制代码

    转载于:https://juejin.im/post/5cb966b2f265da03ba0e276e

    你可能感兴趣的文章
    Js判断是否联网引入不同js
    查看>>
    pwnable.kr bof之write up
    查看>>
    Sql语句查询某列A相同值的另一列B最大值的数据
    查看>>
    技术串讲 CAS 有用
    查看>>
    怒学三算法 POJ 2387 Til the Cows Come Home (Bellman_Ford || Dijkstra || SPFA)
    查看>>
    Tensorflow学习笔记(1):tf.slice()函数使用
    查看>>
    ORA-01102的解决办法
    查看>>
    奇怪的iphone6 plus,H5调用拍照浏览器崩溃
    查看>>
    MVC接受JSON的一些注意事项
    查看>>
    response对象设置输出缓冲大小
    查看>>
    MVC+Ninject+三层架构+代码生成 -- 总结(七、顯示層 一)
    查看>>
    [CF1105D]Kilani and the Game
    查看>>
    [bzoj4195][Noi2015]程序自动分析
    查看>>
    简单的bfs(最短路径)c++
    查看>>
    Matlab2013a许可证过期问题,反复提示激活
    查看>>
    向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
    查看>>
    MongoDB 基础
    查看>>
    redis分布式集群3种架构方案
    查看>>
    C++ 编程思想——继承和组合
    查看>>
    Charles抓包显示乱码解决方法
    查看>>