@4geit/rct-book-preview-component 中文文档教程
@4geit/rct-book-preview-component
作为用户,我想在我到达网站时立即预览这本书,一目了然
Demo
可以使用实时故事书来查看组件的外观 @ http://react-packages.ws3.4ge.it
Installation
- A recommended way to install @4geit/rct-book-preview-component is through npm package manager using the following command:
npm i @4geit/rct-book-preview-component --save
或者使用 yarn
使用以下命令:
yarn add @4geit/rct-book-preview-component
- Depending on where you want to use the component you will need to import the class
RctBookPreviewComponent
to your project JS file as follows:
import RctBookPreviewComponent from '@4geit/rct-book-preview-component'
例如,如果你想在你的 App.js
组件中使用这个组件,你可以在 JSX 代码中使用 RctBookPreviewComponent 组件,如下所示:
import React from 'react'
// ...
import RctBookPreviewComponent from '@4geit/rct-book-preview-component'
// ...
const App = () => (
<div className="App">
<RctBookPreviewComponent/>
</div>
)
@4geit/rct-book-preview-component
As a user I want to have a preview of the book right when I arrive on the website at a glance
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-book-preview-component is through npm package manager using the following command:
npm i @4geit/rct-book-preview-component --save
Or use yarn
using the following command:
yarn add @4geit/rct-book-preview-component
- Depending on where you want to use the component you will need to import the class
RctBookPreviewComponent
to your project JS file as follows:
import RctBookPreviewComponent from '@4geit/rct-book-preview-component'
For instance if you want to use this component in your App.js
component, you can use the RctBookPreviewComponent component in the JSX code as follows:
import React from 'react'
// ...
import RctBookPreviewComponent from '@4geit/rct-book-preview-component'
// ...
const App = () => (
<div className="App">
<RctBookPreviewComponent/>
</div>
)
更多