@4geit/rct-layout-component 中文文档教程
@4geit/rct-layout-component 
一个通用布局组件，用于正确放置 React 应用程序的其他组件 可以
Demo
使用实时故事书查看组件的外观 @ http://react-packages.ws3.4ge.it
Installation
- A recommended way to install @4geit/rct-layout-component is through npm package manager using the following command:
npm i @4geit/rct-layout-component --save
或使用 yarn 使用以下命令：
yarn add @4geit/rct-layout-component
- Depending on where you want to use the component you will need to import the class
RctLayoutComponentto your project JS file as follows:
import RctLayoutComponent from '@4geit/rct-layout-component'
例如，如果你想在你的 App.js 组件中使用这个组件，你可以在 JSX 代码中使用 RctLayoutComponent 组件，如下所示：
import React from 'react'
// ...
import RctLayoutComponent from '@4geit/rct-layout-component'
// ...
const App = () => (
<div className="App">
<RctLayoutComponent/>
</div>
)
@4geit/rct-layout-component
a generic layout component to place other components of a react app properly
Demo
A live storybook is available to see how the component looks like @ http://react-packages.ws3.4ge.it
Installation
- A recommended way to install @4geit/rct-layout-component is through npm package manager using the following command:
npm i @4geit/rct-layout-component --save
Or use yarn using the following command:
yarn add @4geit/rct-layout-component
- Depending on where you want to use the component you will need to import the class
RctLayoutComponentto your project JS file as follows:
import RctLayoutComponent from '@4geit/rct-layout-component'
For instance if you want to use this component in your App.js component, you can use the RctLayoutComponent component in the JSX code as follows:
import React from 'react'
// ...
import RctLayoutComponent from '@4geit/rct-layout-component'
// ...
const App = () => (
<div className="App">
<RctLayoutComponent/>
</div>
)
