在盖茨比中将道具从布局传递给孩子答案

【问题标题】：Pass props from layout to children in Gatsby在盖茨比中将道具从布局传递给孩子
【发布时间】：2018-02-10 21:05:26
【问题描述】：

如何将道具从 Gatsby 布局传递给子级（例如 Header 组件）？

import React from "react";

export default ({ children }) => {
    return <div>{children()}</div>;
};

我找到的资源使用如下格式：

{ props.children({ ...props, foo: true }) }
{ this.props.children({...this.props, updateLayoutFunction }) }

但是由于没有props，只有孩子，我无法让它工作。我试过了，但也没有用：

{ children({ foo: true }) }

在所有情况下，我都会收到此错误：TypeError: undefined is not an object (evaluating 'history.listen')

【问题讨论】：

【解决方案1】：

但是有道具，你只是不把它们传给孩子。

在您的布局文件中，而不是：

export default ({ children }) // ... etc

做

export default (props) {
  const myOwnProperties = { foo: true };

  return (
    {props.children({ ...props, ...myOwnProperties })}
  );
}

你看，道具是自动传递的，直到你添加自己的。

【讨论】：