尝试通过 React 构建拨号号码

Question

您好，我正在尝试构建一个组件。

这不是 react-native。我想使用反应并像图片一样滚动数字

它应该滚动数字。

我试图找到一个示例，但只有一个 react-native 示例。 （链接：How do I make an iOS UIPicker in react native with multiple columns and titles?）

有 React 例子吗？？？？

Answer 1

您可以使用react-mobile-datepicker 包。

这是Codesanbox 的一个工作示例。

import React from "react";
import DatePicker from "react-mobile-datepicker";

class App extends React.Component {
  state = {
    time: new Date(),
    isOpen: false
  };

  handleClick = () => {
    this.setState({ isOpen: true });
  };

  handleCancel = () => {
    this.setState({ isOpen: false });
  };

  handleSelect = (time) => {
    this.setState({ time, isOpen: false });
  };

  render() {
    return (
      <div className="App">
        <a className="select-btn" onClick={this.handleClick}>
          select time
        </a>

        <DatePicker
          value={this.state.time}
          isOpen={this.state.isOpen}
          onSelect={this.handleSelect}
          onCancel={this.handleCancel}
        />
      </div>
    );
  }
}

export default App;