功能組件和UI組件 react-antd

• 命名

react 規(guī)定組件開頭都為大寫,所以如果react項目如果用antd后，開發(fā)者看起來會比較混亂，不太容易區(qū)分哪個上功能組件哪個上UI組件，用的時候我們把UI組件命名一下來區(qū)分;
antd也規(guī)定來UI組件必須以大寫字母開頭哦～，看下面代碼：

import { Card as TplCard } from 'antd'
<TplCard>
</TplCard> // 注意要駝峰式且首字母大寫

開始第一個test

• src/index.test.js

describe('index', () => {
  it('index.js has no error', () => {
    document.body.innerHTML = '<div id="root"></div>';
    require('../src/index');
  });
});

• src/index.js

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
class App extends Component {
  render() {
     return(
        <div className="App">
          test
        </div>
      )
  }
}
ReactDOM.render(<App />, document.querySelector('#root'));

• 執(zhí)行

->~ npm run test

image.png

--待更新...