javascript - react : Are props objects passed automatically to children components or does there always exist some default props?

Question

是否存在一些始终从父组件向下传递到子组件的默认 Prop 对象？

我知道可以将 props 从父组件传递给一些子组件，例如:

<div>
<ChildComponent color="blue" otherProp=false />
</div>

并通过 props.color 和 props.otherProp 在子组件中访问它们...但是，如果我不为我的子组件创建 props，是否仍然存在一些默认的 props 对象(或者可能是一些 props 元对象)以及该子组件的附加信息？

例如，我看到一些匹配对象由 React-router 库自动创建并传递给它的组件，这些组件在匹配某些路由路径时呈现，例如:

<Route path={`${match.path}/:name`}
  render= {({match}) =>( <div> <h3> {match.params.name} </h3></div>)}/>

我只是想知道在这个例子中，当 ({match}) 对象作为参数传递给 render prop 函数时，它来自哪里....

Answer 1

如果您不将 props 传递给子组件，它们将不会在子组件期间可用。看看渲染 props .

在 React 路由器中的 Route 情况下，Route 使用 composition 将其 props 传递给子 props。 .所以 Route 的属性将对直接子组件可用，但对下一个子组件层次结构不可用。

例子:

<Route props={props}>
   <Child1>
       will have props
       <Child2>
         will not have props if not passed from Child1
       </Child2>
   </Child1>
</Route>