React从入门到架构(2)--如何配置你的“CSS和JS路径”

本文是React从入门到架构系列的第二部分,主要介绍了如何修改HTML代码以建立基本布局,以及如何通过修改CSS创建初步样式。在HTML中,需要注意使用className替代class。接着,文章演示了如何导入CSS文件,以及如何组织和分文件管理CSS样式。在CSS方面,新建了style目录,并将样式分散到不同文件中,通过相对路径引入。对于CSS模块和CSS预处理器的使用,作者将在后续章节中进行讲解。
摘要由CSDN通过智能技术生成

好,我们接着上一篇文章【React从入门到架构(1)–手把手创建、解读以及开发第一个ReactApp】的内容讲:

(1)修改“HTML”代码,建立初布局

src/App.js这个文件中,我们看到了熟悉已久的HTML代码,不过我要说的是,这并不是真正的HTML,而是一种JSX语言(自行百度下),为了让你能够方便的去写页面!

不管怎么样,我们先改成一段我们自己熟悉的HTML代码,但是要注意:
类标签class,这里要用成className
app.js:

import React, {
    Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
   
  render() {
   
    return (
      <div className="App">
        <
  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值