react、react router和react material的代码示例

62 阅读1分钟

首先了解一下我的背景,我用Vue工作了3年多,所以我对它有点厌倦了,我想做一个新的组合,所以我决定选择react、react router和react material。

1- 改变你的思维方式 Vue被分离为

HTML,风格脚本,但React或JXX是HTML在JavaScript里面,你可以在JavaScript函数里面写代码,有一个返回(),像这样 ,你可以写方法或相当于正常的箭头函数,在返回上面,你可以绑定数据{}单括号和v-model是一样的,道具被传递到函数上最后你应该导出默认函数

`import {useState, useEffect} from 'react'
const MyFunction = ({myProp})=>{
const myMethod = ()=>{
console.log("working react method")
}
return(
<div>
<h1>working {myPorp}</h1>
</div>
)
}
export default MyFunction

`

2- 学习Hooks

我只是用了useState和useEffect,基本上useEffect和vue中的mounting是一样的,

useState

是用来改变变量的值的,这和vue中的任何东西都不同,首先你要声明一个变量,但不是普通的声明方式,
让[variableName, ChangeFunction] = useState('your Value')

然后你可以通过ChangeFunction(variableName = 'my new Value')改变它。

这就是从vue开发者的角度来看react,我还在学习它,我真的很喜欢它,我将遵循这个路线图

如果你想看看我用react开发的项目,谢谢你的阅读,如果我有什么遗漏,请告诉我