reactjs - 在反应中使用插件国际电话输入
问题描述
我对反应很陌生,我只想在我的表单中使用这个https://github.com/jackocnr/intl-tel-input插件。但是在文档中说要使用纯js输入id查询选择器来使用插件。但是我怎样才能改变这种代码来反应使用。
文档中的代码示例:
<input type="tel" id="phone">
<script src="path/to/intlTelInput.js"></script>
<script>
var input = document.querySelector("#phone");
window.intlTelInput(input);
</script>
解决方案
您应该避免Jquery
在React
项目中使用。你可以这样做React
。
对于intl-tel-input
,有react-intl-tel-input和react-intl-tel-input-v2包可用。
import ReactIntlTelInput from 'react-intl-tel-input-v2';
import 'intl-tel-input/build/css/intlTelInput.css';
<ReactIntlTelInput
value={this.state.value}
onChange={this.onChange}
/>
推荐阅读
- r - gg在R中绘制时间序列,x轴上有间隔
- mysql - 生成 SQL 查询
- javascript - GET 方法中日期参数的“无效日期”错误
- python - scipy.spatial 的简单 2D Convex Hull 错误
- visual-studio-2017 - Azure 开发操作——将 Visual Studio 2017 (VS2017) 设置为克隆项目的默认值
- git - 在 SmartGit 日志视图中过滤掉合并的分支历史
- jenkins - 使用管道脚本与 Jenkins 一起部署到 CentOS 7.5
- python - 如何处理激活环境的错误?
- iot-devkit - 在 IOT-Devkit 上配置 NTP
- angular - Angular 在咖啡上使用 d3plus 扼流圈