Javascript 如何在React中输入电话号码？

我正在使用一个自定义的React电话号码输入字段，不确定如何将其样式设置为与我的其他输入类似，您可能可以在本演示中看到：

我正在复制下面的相关代码，我可能应该在这里添加一些样式：

            <PhoneInput
              name = "phoneNumber"
              type = "text"
              country={'us'}
              enableAreaCodes={true}
              onlyCountries={['us']}
              areaCodes={{us: ['999']}}
              inputProps={{
                name: 'phone',
                country:'us',
                required: true,
                autoFocus: true
              }}
              value={this.state.phone}
              onChange={this.handleOnChange}

           />

密码 谢谢！我是新手。

根据，您可以将类名和内联样式作为道具传递给每个元素。它看起来像：

<PhoneInput
  ...
  containerClass="my-container-class"
  inputClass="my-input-class"
  containerStyle={{
    border: "10px solid black"
  }}
  inputStyle={{
    background: "lightblue"
  }}
/>

---

这是我的。

和CSS？您是在要求CSS表，还是要如何设置React组件的样式？这里的代码中有很多不相关的噪音。这一定是：

<PhoneInput
  ...
  containerClass="my-container-class"
  inputClass="my-input-class"
  containerStyle={{
    border: "10px solid black"
  }}
  inputStyle={{
    background: "lightblue"
  }}
/>