react 和Vue

Question

学react从入门到放弃应该怎么办？

Answer 1

如果之前写过 Vue，可以从几个方面入手，不管是 vue 还是 react,都有相似的地方：

模板

// vue 
<template>
    <div>
        <span>hello, 思否</span>
    </div>
<template>

// react

render(){
    return (
        <div>
            <span>hello, 思否</span>
        </div>
    )
}

其中都有 class 和 style 绑定、条件渲染、列表渲染、时间处理、表单绑定等，只是实现的方式不一样

数据绑定

// vue 
this.data.str = 'hello, 思否'

// react 
this.setState({
    str: 'hello, 思否'
})

绑定方式不一样

组件注册

// vue
<div id="app">
  <component-a></component-a>
  <component-b></component-b>
  <component-c></component-c>
</div>

import ComponentA from '...'
import ComponentB from '...'
new Vue({
  el: '#app',
  components: {
    'component-a': ComponentA,
    'component-b': ComponentB
  }
})

// react
import ComponentA from '...'
import ComponentB from '...'

render() {
    return (
        <div>
            <ComponentA/>
            <ComponentB/>
        </div>
    )
}

当初第一次写 react 的时候连数据绑定是什么都不知道，直接开始写，算是照猫画虎，第一次使用 react 就直接开始写 React Native了，没要畏惧，先写在了解核心内容及原理，希望有用