Question

我试图将输入的内容显示为美国电话号码格式，直到到达第10个输入为止。到达第11个输入后，我希望它失去掩码格式。

附上我的ReactJS代码：

import React, { Component } from 'react';
import NumberFormat from 'react-number-format';

class App extends Component {
  state ={
  userInput: ''
}
phoneNumberFormatHandler =(values, event)=>{
console.log("values are " + values);
console.log("events are " + event);
}

  inputChangedHandler = (values, event) => { 
   this.setState({userInput: values});
  console.log(values);
  console.log(event);
  console.log(this.formatPhoneNumber(values.value));
  }
  render() {
    return (
      <div className="App">
                <NumberFormat
            // format="(###) ###-####"
            mask=""
            name="phoneNumberInput"
            placeholder="Phone Number Here"
            onValueChange={this.inputChangedHandler}
            value={this.state.userInput.value}
          />
<p><strong>Value: </strong>+1{this.state.userInput.value}</p>
        </div>
    );
  }
}

export default App;

Answer 1

DataGrid

设置条件以确定输入是否超过10个字符，如果输入不超过10个字符，则不要设置其格式。

ReactJS中的条件电话掩码编号作为if语句或函数

1 个答案: