reactjs - React 在传递 props 时的行为与其他 props 的命名相同

Question

假设我在 React 中有以下内容:

const Component = () => {
  const props = { one: 1, two: 2, three: 3 };

  return <AnotherComponent {...props} one="1" />;
}

1. one 被 AnotherComponent 接收后会有什么值？
2. 传递 Prop 与其他 Prop 的顺序重要吗？

我有一个错误，我认为是由此引起的，并且我找不到涵盖此边缘情况的资源。

Answer 1

one 的值将是字符串 "1"。

是的，顺序很重要。后面的 props 会覆盖前面同名的 props。