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 组件。

初始化脚手架

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

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 文件，方便其他组件调用，只需要：

npm run build

发布

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

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：

npm login

最后，发布：

npm publish

调用 React 组件

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

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

npm i react_component --save

然后，在代码中调用：

import ReactComponent from 'react_component';

就可以使用了！