Reactjs 作为道具传递mobx react form对象

Reactjs 作为道具传递mobx react form对象,reactjs,mobx,mobx-react,Reactjs,Mobx,Mobx React,我试图将mobx react form对象作为道具传递给我创建的函数组件。问题是当我这样调用我的组件时 我确实在nameditor组件中获得了表单参数,但它不允许我“编辑”字段。。好像字段是不可编辑的, 但是当我这样调用组件时 {nameditor({form:newFolderForm}} 它工作得很好,我还缺什么?在功能组件中,这两种方式不应该是相同的吗 编辑:以下是我获取表单的方式 const NameEditor = ({ form }) => ( <form on

我试图将
mobx react form
对象作为道具传递给我创建的函数组件。问题是当我这样调用我的组件时

我确实在
nameditor
组件中获得了表单参数,但它不允许我“编辑”字段。。好像字段是不可编辑的, 但是当我这样调用组件时

{nameditor({form:newFolderForm}}
它工作得很好,我还缺什么?在功能组件中,这两种方式不应该是相同的吗

编辑:以下是我获取表单的方式

const NameEditor = ({ form }) => (
 <form onSubmit={ form.onSubmit }>
  <input { ...form.$('name').bind() }/>
  <p>{ form.$('name').error }</p>
  <button>Save</button>
 </form>
)
constnameditor=({form})=>(
{form.$('name')。错误}

拯救 )

谢谢

确保您在函数组件上使用了
observer()
,从您在那里展示的代码中,我想您错过了这一部分

const NameEditor = observer(({ form }) => (
 <form onSubmit={ form.onSubmit }>
  <input { ...form.$('name').bind() }/>
  <p>{ form.$('name').error }</p>
  <button>Save</button>
 </form>
))
const nameditor=observer({form})=>(
{form.$('name')。错误}

拯救 ))

阅读它如何处理无状态函数组件

基本上,在函数组件中,它们是相同的,请尝试console.log以两种方式记录表单参数查看different@Danny,我尝试记录
{…form.$('name').bind()}
我得到了完全相同的对象。听起来很奇怪,请尝试从您的代码中显示更多内容。。比如你怎么取表格