简体繁体 English

在 JSX 中调用组件和将它们作为子属性传递有什么区别？

[英]What is the difference between calling components in JSX and passing them as children props?

原文 2023-01-22 16:08:09 6 1 javascript/ reactjs/ frontend

So I was navigating on web, and I saw a senior developer talking about that most of junior developers don't know the difference between calling components in JSX and passing them as children props.所以我在 web 上导航，我看到一位高级开发人员在谈论大多数初级开发人员不知道在JSX 中调用组件和将它们作为子属性传递之间的区别。 And honestly I don't know the difference.老实说，我不知道有什么区别。 Can any one tell me the difference between them, is it performance, is it the architecture...任何人都可以告诉我它们之间的区别，是性能，还是架构......

Thank you.谢谢你。

1 个解决方案

So according to the information I got I think the best information on the topic is found here here and here .因此，根据我获得的信息，我认为有关该主题的最佳信息可以在此处和此处找到。

Main difference is probably the scope in which the components are declared, so you can declare click handlers in a different way.主要区别可能是声明组件的 scope，因此您可以用不同的方式声明点击处理程序。

在不使用 this.props.children 的情况下将 components/JSX 作为 prop 传递给子组件 - Passing components/JSX as a prop to the child component without using this.props.children

JSX 中的 {} 和 ${} 有什么区别？ - What is the difference between {} and ${} in JSX?

React Props 没有传递给子组件？ - React Props not passing down to children components?

在组件Reactjs之间传递道具 - Passing props between components Reactjs

this.props不是父子组件之间的函数 - this.props is not a function between parent and children components

跳过jsx中的传递道具 - skip passing props in jsx

React Native 不在组件之间传递道具？ - React native not passing props between components?

react native 在组件之间传递道具 - Passing props between components in react native

使用react-router v4将道具传递给子组件 - Passing props to children components with react-router v4

调用函数和传递函数有什么区别？ - what's the difference between calling a function and passing a function?

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 在不使用 this.props.children 的情况下将 components/JSX 作为 prop 传递给子组件 - Passing components/JSX as a prop to the child component without using this.props.children JSX 中的 {} 和 ${} 有什么区别？ - What is the difference between {} and ${} in JSX? React Props 没有传递给子组件？ - React Props not passing down to children components? 在组件Reactjs之间传递道具 - Passing props between components Reactjs this.props不是父子组件之间的函数 - this.props is not a function between parent and children components 跳过jsx中的传递道具 - skip passing props in jsx React Native 不在组件之间传递道具？ - React native not passing props between components? react native 在组件之间传递道具 - Passing props between components in react native 使用react-router v4将道具传递给子组件 - Passing props to children components with react-router v4 调用函数和传递函数有什么区别？ - what's the difference between calling a function and passing a function?

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM