af1react如何

安装 AF1React

确保已安装 Node.js 和 npm/yarn。通过以下命令初始化 React 项目并安装 AF1React：

npx create-react-app my-app
cd my-app
npm install af1react

基本使用

在 React 组件中导入 AF1React 并调用其核心功能。例如，创建一个按钮组件：

import { AF1Button } from 'af1react';

function App() {
  return <AF1Button onClick={() => alert('Clicked!')}>Click Me</AF1Button>;
}

配置主题

AF1React 支持自定义主题。通过 ThemeProvider 包裹应用并传递主题对象：

import { ThemeProvider } from 'af1react';

const theme = {
  primaryColor: '#6200ee',
  secondaryColor: '#03dac6'
};

function App() {
  return (
    <ThemeProvider theme={theme}>
      {/* 其他组件 */}
    </ThemeProvider>
  );
}

高级功能

利用 AF1React 的钩子或高阶组件扩展功能。例如，使用 useAF1State 管理状态：

import { useAF1State } from 'af1react';

function Counter() {
  const [count, setCount] = useAF1State(0);
  return <button onClick={() => setCount(count + 1)}>Count: {count}</button>;
}

注意事项

• 确保 React 版本为 16.8 或更高以支持钩子功能。
• 若遇到样式问题，检查是否正确导入 CSS 文件（如 import 'af1react/dist/af1react.css'）。