【Day18】在使用者模式移除data-test属性，浅谈React Hook (•‿•)

上一篇有提到，我们可以在使用者模式(Production mode)将属性隐藏起来不让使用者看到。

首先~我们先来安装一个babel套件

npm install --save-dev babel-plugin-react-remove-properties

接着~ 执行 npm run eject (这边的前提是要是使用creact-react-app的方式建立专案)

执行这个指令是为了要允许config被修改而且可以永久被使用

再来，我们必须再package.json里面设定babel

  "babel": {
    "env": {
      "production": {
        "plugins": [
          ["react-remove-properties", {"properties": ["data-test"]}]
        ]
      }
    },
    "presets": [
      "react-app"
    ]
  }

最後更改完设定後，需要执行npm run build 来重新建立使用者环境。

上述介绍完如何隐藏属性後，我们要来写个小小计数器了!

我们会直接在APP.js上制作这个计数器，会使用到React Hook。

What's Reack Hook ?

• 用来帮助我们 在function里面建立state及使用其他React功能(这样我们就不用写Class了~YA~~欢呼)

• 最典型的Hook用法

    const [count, setCount] = React.useState(0);
  

  • const 里的第一个参数是所要建立的state名称，第二个参数为要变动这个state的function名称

  • React的userState里传入的是State的初始值

其实小菜鸟学Hook 也是参考底下的文件

React Hook的中文文件

这篇先断在介绍Hook，下一篇开始真的真的要来写计数器了啦~ 画画介面，写写State，
一切就是这麽简单朴实无华! (威~ 写到脑神经错乱了484 !!