mobx - `mobx-state-tree` 中的模型和 Prop 有什么区别？

Question

在我看来，人们正在交替使用 model 和 props。我试图找到有关 Prop 的文件但失败了。谁能告诉我区别？

Answer 1

model 方法创建一个新模型。它需要两个参数:

• 姓名
• 属性(可选)

您可以创建新模型并指定属性。或者您可以先创建模型，然后使用 props 方法(props 是属性的缩写)“扩展”它。 TodoOne 和 TodoTwo 是一样的。

const TodoOne = types.model("Todo", {title: types.string, done: types.boolean})

const TodoTwo = types.model("Todo")
  .props({
    title: types.string, 
    done: types.boolean
  }) 

但这有什么用呢？好吧，props 方法不会改变当前类型，它会创建一个新类型并对其进行扩展。这意味着我们可以添加或覆盖现有的 Prop 。

const Todo = types.model("Todo", {title: types.string, done: types.boolean})

const ColorfulTodo = Todo.props({color: types.string}) // returns a new model with a new property

const DefaultTodo = Todo.props({done: false}) // returns a new model with done property overwritten to default to false

views 和actions 方法可以像props 方法一样扩展模型。