react基础---样式添加＆事件添加

最新推荐文章于 2024-05-13 18:10:09 发布

不吃饭会饿

最新推荐文章于 2024-05-13 18:10:09 发布

阅读量677

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/celi_echo/article/details/93184276

版权

本文介绍了在React中如何添加样式和事件。对于样式添加，需要注意将`class`属性改为`className`，并可以使用行内样式进行设置。事件添加部分讲解了如何定义事件处理函数，如`handlerClick`，并在`render`方法中调用。

摘要由CSDN通过智能技术生成

一、样式添加

react中添加样式时，class要改成className
在React中，className，class是es6的关键字，es5中同样是保留关键字
行内样式：style={ {color:‘green’,fontSize:“30px”}}（横线的都改成驼峰形式）

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="dist/browser.min.js"></script>
    <script src="dist/jquery.js"></script>
    <script src="dist/react.js"></script>
    <script src="dist/react-dom.js"></script>
    <style>

      .container{
        color: red;
      }

    </style>
  </head>
  <body>

    <div id="root">

    </div>
    <script type="text/babel">

      /*
        在React中，className，class是es6的关键字，es5中同

最低0.47元/天解锁文章

不吃饭会饿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
react基础---样式添加＆事件添加

一、样式添加react中添加样式时，class要改成className在React中，className，class是es6的关键字，es5中同样是保留关键字行内样式：style={{color:‘green’,fontSize:“30px”}}（横线的都改成驼峰形式）<!DOCTYPE html><html lang="en" dir="ltr"> <...
复制链接

扫一扫

专栏目录