如何在cycle.js中将表单域重置为默认值

function main(sources) {
  const defaultValues = { username: '' };

  const state$ = sources.DOM.select('.form-field')
    .events('input')
    .map(event => event.target.value)
    .startWith(defaultValues);

  // 其他逻辑...

  return {
    DOM: vdom$,
    // 其他输出...
  };
}

function view(state$) {
  return state$.map(state =>
    div('.form-field',
      label('Username:'),
      input('.username-field', { attrs: { type: 'text', value: state.username } })
    )
  );
}

function view(state$) {
  return state$.map(state =>
    div('.form-field',
      label('Username:'),
      input('.username-field', { attrs: { type: 'text', value: state.username } }),
      button('.reset-button', 'Reset')
    )
  );
}

function main(sources) {
  const defaultValues = { username: '' };

  const state$ = sources.DOM.select('.form-field')
    .events('input')
    .map(event => event.target.value)
    .startWith(defaultValues);

  const reset$ = sources.DOM.select('.reset-button')
    .events('click')
    .mapTo(defaultValues);

  const newState$ = xs.merge(state$, reset$);

  // 其他逻辑...

  return {
    DOM: view(newState$),
    // 其他输出...
  };
}