从组件中取出值
我们的 BMI 小程序还差一点,就是显示计算得到的 BMI 数值,为此,我们还需要得到组件的一些反馈,比如控制身高的 LabelSlider,需要告诉我们用户选择的身高是多少。亦即,我们还需要从组件中获得值,这并不难做到,我们把需要导出的值放到组件返回的 sink 中即可:
function LabeledSlider(sources) {
const newValue$ = intent(sources.DOM);
const state$ = model(newValue$, sources.props);
const vtree$ = view(state$);
return {
DOM: vtree$,
value: state$.map(state => state.value)
};
}