react提示框几秒_【已解决】ReactJS中如何实现弹框中显示输入框

需要在ReactJS中实现，在弹框中带输入框，允许用户输入文字

对于弹框之前是用weui.js实现的，比如：

weui.dialog

weui.toast

weui.alert

先去看看weui中是否有这种带输入框的弹框

react weui popup input

没有找到。

react js input inside popup

->

->

好像支持popup中input？

去试试

➜  ucowsapp_h5 git:(master) ✗ npm install sweetalert-react -S

npm WARN ucows-app@2017.9.21 No repository field.

npm WARN ucows-app@2017.9.21 No license field.

+ sweetalert-react@0.4.10

added 4 packages and removed 17 packages in 11.48s

去使用，结果出错：

代码：

import SweetAlert from ‘sweetalert-react’;

import ‘sweetalert/dist/sweetalert.css’;

state = {

inputReasonIsShow: false,

};

showInputCustomReason() {

console.log(“showInputCustomReason”);

this.setState({

inputReasonIsShow : true

});

}

show={this.state.inputReasonIsShow}

title=”手动输入未发情原因”

text=”原因xxx”

type=”input”

inputType=”text”

inputPlaceholder=”自定义未发情原因”

onConfirm={inputValue => {

console.log(`SweetAlert onConfirm: inputValue=${inputValue}`);

this.setState({ inputReasonIsShow: false });

}}

/>