如何將道具傳遞給組件

Question

如果減速器 function 可以覆蓋這樣的道具：

 return {...state, foo: action.payload };

那么如果我們有這樣的組件：

  const MyComponent = (props) => {
    return <div>{props.foo}</div>;
  }

如何以與上述相同的方式覆蓋？

我想像下面那樣做，但它不起作用

<MyComponent {...props, foo: 5} />

Answer 1

您需要以與將道具傳遞給xml元素相同的方式傳遞它。

<MyComponent {...props} foo={5} />

您還應該通過 react 查看Component and Props指南。

Answer 2

你應該試試：

<MyComponent {...props} foo={5} />