Question

const {
    name,
    email,
    location
  } = organization || {};

如何将'name'的值从一个组件中的此常量传递给另一个组件？

Answer 1

const {
    name,
    email,
    location,
    needs,
    about = "",
    objectives = {},
    urls = {},
  } = organization || {};

<OtherComponent name={name} />

Answer 2

将它作为道具传递给所需的组件。这是一个示例：

// Parent.js

import Child from "./Child.js";

const {
    name,
    email,
    location,
    needs,
    about = "",
    objectives = {},
    urls = {},
} = organization || {};

const Parent = () => <Child name={name || ""} />

// Child.js

return Child = ({name}) => <h1>Hello {name}</h1>

这是您在React上都会看到的一种模式。如果要在同级组件之间而不是父子组件之间进行数据传输，则应使用context API

Answer 3

我们可以使用道具将数据传递到另一个组件。

然后我们可以在childComponent中访问该道具，例如 this.props.name

如何在react.js中传递数据/值名称

3 个答案: