Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

sheenblue/react-examples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

11 Commits

Repository files navigation

这个项目是我 B 站视频教程中,有关 React 的示例代码。我把组件打包成了单独的组件,可以在安装这个库之后直接导入使用。

点击查看运行示例

点击查看 B 站个人主页

如何使用

这个示例项目是由 Create-React-App 工具创建的,只导出了组件相关的部分,所以需要自己安装一下 React 相关的依赖。如果你的项目也是用 CRA 创建的,那么就不用做任何操作了~

首先安装本库:

npm i @zxuqian/react-examples

yarn add @zxuqian/react-examples

导入一个组件

import { Gradient } from "@zxuqian/react-examples";

使用组件

直接像往常一样使用组件就好:

export default function GradientDemo() {
 return (
 <div style={{ height: "50vh" }}>
 <Gradient />
 </div>
 );
}

About

一系列的 React 组件示例,从入门到高级

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

Languages

  • JavaScript 71.4%
  • CSS 17.0%
  • HTML 11.6%

AltStyle によって変換されたページ (->オリジナル) /