DatePickerIOS:更新选择的日期时间

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在这个 DatePickerIOS 组件上 .. 选择一个日期 ... 松开手以后 .. 又会恢复成最开始的样式 .. 因为我们在它的 date 属性里设置了一个固定的日期时间 .. 就是当前的日期时间 ..

DatePickerIOS 组件需要用到组件里的 date 这个属性来确定选择的日期时间 ... 所以用户在选择日期时间以后我们要更新一下属性的值 ..

下面我们需要先在自己的组件里添加一个 date 属性 .. 可以使用 ES7 的 Property Initialiazers 这种写法去添加组件的默认的属性 ...

static defaultProps .. 它的值是一个对象 .. 里面添加一个 date 属性 .. 它的值设置成当前的日期时间 .. 下面再去添加一个状态, .. 同样可以使用

可以使用 ES7 的 Property Initialiazers 的写法 .. 也可以使用 es6 的写法,在这个 constructor 方法里面,添加一个 this.state .. 里面添加一个 date 状态 .. 它的值等于组件的 date 这个属性 ... this.props.date ..

再找到 DatePickerIOS 组件 .. 把它这里的 date 属性的值设置成组件的 date 这个状态 .. 下面我们还需要一种方法去更新组件的 date 状态 .. 当用户在 DatePickerIOS 组件里选择日期时间以后,会执行 onDateChange 属性指定的动作 .. 添加一个这样的属性 .. 它的值可以使用一个箭头函数 .. 接收一个 date 参数 .. 再去设置一下组件里的 date 状态,把它的值设置成发生变化的这个日期时间,可以使用 date 这个参数来表示 ..

你可以在这里这样去设置 .. date: date .. 前面的 date 是 date 状态 .. 后面的 date 是这个箭头函数接收的参数 .. 或者我们可以直接使用一个 date ..

保存一下 .. 然后再去选择一个日期时间 ... 组件现在不会恢复到最开始的样子的, 它会显示用户当前选择的日期时间 ...

DatePickerIOS:更新选择的日期时间《 React Native 组件 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点