# API

{
            type: "mobile", //mobile||PC 默认是mobile    UI
            recordingDuration: 30, //录音时长默认30秒 必须 是number类型
            mode: "development", //开启测试代码
            onSearch: function(data) {
                //输入框提交的时候的回调
                // data = {
                //     httpCode: 200,
                //     data: {
                //         message: "语音测试。",
                //         status: "true",//注意这个true是字符串
                //     },
                // };
                // console.log("我是获取到的句子用这个句子去请求原数据");
                // console.log(data);
            },
            onRadioStatus: function(params) {
                //获取语音状态
                // params = {
                //     status:0 ,
                //     message:"准备录制"
                // }
                // status = {
                //     0: "准备录制",
                //     1: "正在录制",
                //     3: "结束录制",
                //     6: "无法录音",
                //     7: "录音失败: 未开启麦克风",
                //     8: "录制超时默认30秒强制关闭录制并删除已录制声音",
                //     10:"录制时间少于1秒",
                //     11:"输入框blur事件",
                //     12:"输入框focus事件"
                // };
                // console.log(params);
            },
        };

# react-component-starter
React 组件脚手架，可以调试、打包、发布单个 React 组件。

## 初始化脚手架

想使用本脚手架，只需要：

```sh
git clone https://github.com/caihuascript/react-simple-component.git component_name
```

## 调试

调试指的是本地调试 React 组件，只需要：

```
npm start
```

然后在弹出的页面中点击 demo 文件夹即可！

## 注意

   如果无法正常启动可能是node版本问题
   切换host
   
   是本地变量问题导致（打开host）
   127.0.0.1 localhost

## 打包

打包指的是将 React 组件编译打包成 js 和 css 文件，方便其他组件调用，只需要：

```sh
npm run build
```

## 发布

发布指的是将 React 组件发布到 npm 仓库中，首先执行此命令重新指定你的 npm 包的 name 和 version 等信息：

```sh
static defaultProps = {
        type: "mobile", //mobile||PC 默认是mobile    UI
        recordingDuration: 30, //录音时长默认30秒 必须 是number类型
        onSearch: function(prams) {
            //输入框提交的时候的回调
            // prams = {
            //     status: true || false,
            //     message: value,
            // };
            // console.log("我是获取到的句子用这个句子去请求原数据");
            // console.log(data);
        },
        onRadioStatus: function(params) {
            //获取语音状态
            // params = {
            //     status:0 ,
            //     message:"准备录制"
            // }
            // status = {
            //     0: "准备录制",
            //     1: "正在录制",
            //     3: "结束录制",
            //     4: "用户上划准备取消录制",
            //     5: "用户已经上划但是没有达到取消录制",
            //     6: "无法录音",
            //     7: "录音失败: 未开启麦克风",
            //     8: "录制超时默认30秒强制关闭录制并删除已录制声音",
            //     9: "用户因为上划取消了录制",
            // };
            // console.log(params);
        },
    };
```

然后，登录 npm：

```sh
npm login
```

最后，发布：

```sh
npm publish
```

## 调用 React 组件

发布完成后，就可以在调用了。

首先，安装你发布的 React 组件

```sh
npm i react_component --save
```

然后，在代码中调用：

```js
import ReactComponent from 'react_component';
```
就可以使用了！