道具的传播运算符未传递给组件

Question

我在将传播运算符道具传递给组件时遇到问题。它没有返回包含值的列表，而是返回一个空列表。

这就是我将道具传递给组件的方式

const APIKey = "abc";
const url = "def";
const props = { APIKey, url}
return (
      <ProfileModal {...props} />
)

但是，它返回一个空列表。

const FunctionName = (anotherPropIhave, props) => {
      const { APIKey, url } = props;
}

Answer 1

React 将所有 props 作为 React 功能组件的第一个参数传递。所以这是一个对象。

获取其他 props 的正确方法是，...props.

所以：

const FunctionName = ({ anotherPropIhave, ...props }) => {
  const { APIKey, url } = props;
}

Answer 2

试试这个：

const APIKey = "abc";
const url = "def";
const props = { APIKey: APIKey, url: url}
return (
      <ProfileModal {...props} />
)

Spread operator for props are not passing to component