分类
javascript

vue(js)转react(ts)

慢慢更新。。。。

定义

定义函数

// vue
methods: {
   fn(){},
}
// react
fn(){};
fb = ()=>{};

父子通信

子组件改父组件的值

vue

// 子组件
this.$emit('change',2);
// 父组件
<father @change="handleChange"></father>

handleChange(e) {
    console.log(e);
}

react

// 子组件
render() {}
this.props.handleChange(k)
// 父组件
fn(k){};
render() {
    return (<children handleChange={fn}></children>)
}

路由

react使用的是react-router-dom

class

如果要在同一个dom中写多个class

// vue
<div :class="['a',active?'b':'c']"></div>
// react
import cls from 'classnames';
return (
  <div className={cls(a,{b:active,c:!active})}></div>
)

由zhuishao

github:https://github.com/zhuishao/

发表评论

电子邮件地址不会被公开。 必填项已用*标注