React js将props传递给组件

用户名

您好,基本上我需要将一些数据传递给组件才能使该组件流行:

const Data = {
  name: "a",
  title: "b"
};
export default function App() {
  return (
    <Div className="App">
      <Card name={Data.name} title={Data.title} />
    </Div>
  );
}

我的卡组件我需要接收数据的组件:

const Card = ({ props }) => {
  return (
    <div>
      <h1>{props.name}</h1>
      <p>{props.title}</p>
    </div>
  );
};

export default Card;

由于某些原因,我的卡组件上没有这些道具

有人可以帮我解决将道具从功能组件移到功能组件的问题吗

例:

https://codesandbox.io/s/friendly-swanson-syuln

布赖恩·汤普森

您的组件声明是错误的。您仅应使用方括号来分解道具,而不是整个道具对象。

const Card = (props) => {

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将 props 传递给高阶无状态功能 React 组件

来自分类Dev

将函数传递给 props 中的 React 组件

来自分类Dev

如何将props传递给在React中作为props传递的组件?

来自分类Dev

全局JS变量将HTML块传递给React组件

来自分类Dev

将URL参数传递给React.js根组件

来自分类Dev

将props传递给react函数

来自分类Dev

React-router:如何将props传递给子组件?

来自分类Dev

如何通过React中的props将函数传递给不同组件中的函数?

来自分类Dev

将 props 传递给包装在变量中的 react-redux 组件

来自分类Dev

React Router - 通过 props 将匹配传递给使用 Route::render 渲染的组件

来自分类Dev

如何将 props 及其方法动态传递给 React 中的组件?

来自分类Dev

用于将具有相同键和值的 React props 传递给组件的语法糖

来自分类Dev

我可以通过props.children React JS将props传递给孩子们吗

来自分类Dev

React:将功能传递给子组件

来自分类Dev

将React Route传递给子组件

来自分类Dev

将函数传递给React中的组件

来自分类Dev

将参数传递给React组件

来自分类Dev

将React Hook传递给功能组件

来自分类Dev

将几个参数传递给react组件

来自分类Dev

将 Redux 状态传递给 React 组件

来自分类Dev

React 将事件传递给子组件

来自分类Dev

React.js:将嵌套的props传递给React.createElement

来自分类Dev

将 props 的值从函数传递给 React.JS 中的 render()

来自分类Dev

React Router-将所选组件传递给父组件

来自分类Dev

如何在React中不使用props的情况下将函数传递给组件的层次结构?

来自分类常见问题

React.js-如何将属性对象传递给子组件?

来自分类Dev

传播运算符,以将所有其他道具传递给组件。React.js

来自分类Dev

React JS将click事件传递给另一个组件

来自分类Dev

如何将全局变量传递给所有组件 - react js

Related 相关文章

  1. 1

    将 props 传递给高阶无状态功能 React 组件

  2. 2

    将函数传递给 props 中的 React 组件

  3. 3

    如何将props传递给在React中作为props传递的组件?

  4. 4

    全局JS变量将HTML块传递给React组件

  5. 5

    将URL参数传递给React.js根组件

  6. 6

    将props传递给react函数

  7. 7

    React-router:如何将props传递给子组件?

  8. 8

    如何通过React中的props将函数传递给不同组件中的函数?

  9. 9

    将 props 传递给包装在变量中的 react-redux 组件

  10. 10

    React Router - 通过 props 将匹配传递给使用 Route::render 渲染的组件

  11. 11

    如何将 props 及其方法动态传递给 React 中的组件?

  12. 12

    用于将具有相同键和值的 React props 传递给组件的语法糖

  13. 13

    我可以通过props.children React JS将props传递给孩子们吗

  14. 14

    React:将功能传递给子组件

  15. 15

    将React Route传递给子组件

  16. 16

    将函数传递给React中的组件

  17. 17

    将参数传递给React组件

  18. 18

    将React Hook传递给功能组件

  19. 19

    将几个参数传递给react组件

  20. 20

    将 Redux 状态传递给 React 组件

  21. 21

    React 将事件传递给子组件

  22. 22

    React.js:将嵌套的props传递给React.createElement

  23. 23

    将 props 的值从函数传递给 React.JS 中的 render()

  24. 24

    React Router-将所选组件传递给父组件

  25. 25

    如何在React中不使用props的情况下将函数传递给组件的层次结构?

  26. 26

    React.js-如何将属性对象传递给子组件?

  27. 27

    传播运算符,以将所有其他道具传递给组件。React.js

  28. 28

    React JS将click事件传递给另一个组件

  29. 29

    如何将全局变量传递给所有组件 - react js

热门标签

归档