Javascript React内联函数重新加载问题

我有一个组件，它使用两个基于渲染属性模式的嵌套组件。我需要将它们两个的道具组合起来发送到最里面的函数

<Component1>
  {(...props1) => (
    <Component2>
      {(...props2) => <MyComponent {...props1} {...props2} />}
    </Component2>
  )}
</Component1>

但在这里，我又回到了在每个渲染（在

\u render2

内部）上重新创建内联函数的原始问题

---

请提出缓解此问题的方法。如何才能最好地向下发送组合数据？我在这里做错了什么？

您是否有机会查看React.Context（）

您可以创建如下内容：

SomeContext.jsx

import React from "react";

export const SomeContext = React.createContext();

index.jsx

 <SomeContext.Provider value={this.state.contextState}>
    <div>
      ....
      <Component2 />
      <MyComponent />
      ...
    </div>
  </SomeContext.Provider>

....
...

Component2.jsx/MyComponent.jsx

import React from "react";
import { SomeContext } from "./SomeContext";

export default () => (
  <SomeContext.Consumer>
      your jsx with access to the props from parent.
  </SomeContext.Consumer>
);

从“React”导入React；
从“/SomeContext”导入{SomeContext}；
导出默认值（）=>(
您的jsx具有从父级访问道具的权限。
);

---

希望对您有所帮助。

这似乎是XY问题。@bOjendraLauniyar组件1是工具提示组件，而组件2是React使用者。希望有帮助。这将如何帮助我结合参数从两个不同的组件渲染道具？另外，让我告诉您，在我的例子中，Component2本身就是一个React上下文使用者。如果我理解了您的问题，您的提供者（父级）中就会有这些道具，因此，所有使用者都可以访问它们。

 <SomeContext.Provider value={this.state.contextState}>
    <div>
      ....
      <Component2 />
      <MyComponent />
      ...
    </div>
  </SomeContext.Provider>

import React from "react";
import { SomeContext } from "./SomeContext";

export default () => (
  <SomeContext.Consumer>
      your jsx with access to the props from parent.
  </SomeContext.Consumer>
);