PHP+react(做出反应回应)

🌈莫玄忆纸🎐(互)

PHP

超文本预处理器(PHP)→开源脚本语言

<?php → 闭合在body中

echo→输出文本;(不需要括号)

<strong→粗体文本

变量前必须加$

define()→常量(不区分大小写)

define(name,value)名,值

"."并置运算符

local局部 global全局

echo $a/$b;除尽

<>→不等于

xor→异或

数组可包含多种类型

""=>""→关联 [' '];打印

if / elseif / else 后只一语句可省略{}

expr=表达式

foreach(array as $value);为每一个

switch case同以往

continue=停顿后继续→跳过

include→包含'头文件'

require=要求(运行需要必)

function=函数→定义

函数(参数)参数可以设置

return→返回新增语句}后打印

React→回应反应

react同文档DOM模型

create-react-app =一个函数-反应

class→className

⭐JSX

类名=根节点(仅1)

State→状态(原声明)

render=提供;渲染

Props=支撑

写法a()→{a}

⭐import React, 组件=↙

{Component }from'react';

=表达

Key→识别元素变化

ref→获取引用组件

setState→改变状态

ReactDOM.findDOMNode(this)→获取Dom节点

⭐前端路由→

hash=混合→记录Ajax的操作状态

history=历史→回退页面;操作状态

url=网页地址

.onpopstate()监听网址变化

react-router-dom路由扩展

link=联系→导航

brush=轻触

route=路线

Browser=浏览器

produce=生产

定义指令<link to

定义路由<route path= component= 闭合

定义组件获取参数→function

match 组件默认传递的参数

match=适应

location=位置

Navlink→活跃active的class

match.url 获取当前匹配的主路由地址

location 当前的地址

pathname 路径名

Switch能让匹配的路由唯一

Redirect=配置

⭐import { BrowserRouter as Router,,,,}from'react-router-dom'固定搭配

m

🖥️⭐yarn eject→线执行 eject

报错提交git

git add .

git commit -m "first"

yarn eject

安装less,less loader装载↙

yarn add --save-dev less less-loader

更改配置文件↙

config\webpack.config.js

40/41行

const sassRegex = /\.(less|scss|sass)$/;const sassModuleRegex = /\.module\.(less|scss|sass)$/;

将428&&427修改'sass-loader'为

'less-loader'

⭐antd-mobile→组件活动

安装按需加载器:

yarn add babel-plugin-import --save-dev

更改配置文件config\webpack.config.js→

339行+["import", { libraryName: "antd-mobile", style: true }]

NavBar=导航栏

Icon=图标

"search"=搜索