首页 > 解决方案 > ReactJS如何从V,X更改react-switch文本

问题描述

我从 react-switch 中使用了这个 Switch 组件。

import Switch from 'react-switch';


render() {
    return <Switch
             onChange={this.onChangeStatus}
             onClick={this.onChangeStatus}
             checked={this.state.storeStatus}
             offColor="#e8e8e8"
             onColor="#62a5f7"
             id="storeStatus"/>
}

现在我到处查看,但找不到将其默认的“X”、“V”文本更改为“是”“否”的方法。

我在堆栈溢出中发现了这个问题,它指的是 react-native-switch

如何在反应原生的开关内显示文本(是/否)

但这对我不起作用。

而且我在文档中找不到任何可以传递的值来更改开关的默认文本。

https://www.npmjs.com/package/react-switch

https://github.com/markusenglund/react-switch

我可能遗漏了一些东西,因为这是基本不被实施的方式。有任何想法吗

标签: cssreactjs

解决方案


我想你会在演示页面上找到你的答案

https://react-switch.netlify.com

转到自定义图标部分。


推荐阅读