如何將值從組件內的常量變量傳遞到 React.js 中的另一個組件
[英]How to pass value from a constant variable inside a component to another component in React.js
問題描述
我正在嘗試將“名稱”的值發送到另一個組件，例如另一個組件稱為“標題”，如下所示：
代碼片段：
const OrganizationProfile = () => {
const organizationId = window.location.pathname.split("/")[2];
const { orgProfileState, orgProfileDispatch } = useContext(
OrganizationContext,
);
const { error, loading, organization } = orgProfileState;
const {
name,
email,
location,
needs,
about = "",
objectives = {},
urls = {},
} = organization || {};
console.log(name); // prints out name of organisation
<Header name={name} /> // --< the problem
我收到此錯誤“預期分配或 function 調用，而是看到一個表達式 no-unused-expressions”，方法是我從“../Header”導入“import Header”
是因為常量變量可能在組件 function 本身內部嗎？ 任何可能的解決方案？ 謝謝你。
3 個解決方案
解決方案1
0 2020-06-24 10:15:08
嘗試直接從 orgprofilestate 獲取名稱，例如
const {組織：{名稱}} = orgprofilestate
解決方案2
0 2020-06-24 10:24:49
您需要從 function 內部返回 Header 組件：
const OrganizationProfile = () => {
const organizationId = window.location.pathname.split("/")[2];
const { orgProfileState, orgProfileDispatch } = useContext(
OrganizationContext,
);
const { error, loading, organization } = orgProfileState;
const {
name,
email,
location,
needs,
about = "",
objectives = {},
urls = {},
} = organization || {};
console.log(name); // prints out name of organisation
return (
<Header name={name} />
)
解決方案3
0 2020-06-24 16:19:12
正如@Raunak Tibrewal 所說，您需要將您包裝在return 語句中，您說在它之后您將無法返回任何內容，我沒有得到完整的上下文，但您可以這樣做：
return(
<>
<Header name={name}
<Body />
<Footer/>
</>
)
如何在 React.js 中將 useState 值從一個組件傳遞到另一個組件
[英]How to pass useState Value from One Component to another one in React.js
如何在 React.js 的另一個組件中更新組件狀態變量的值？
[英]How to update the value a component's state variable in another component in React.js?
在 React.js 中如何將表單的值從一個組件傳遞到另一個組件
[英]In React.js How to pass values of form from one component to another component
如何在 React.js 中使用 onClick() 事件將道具從一個組件傳遞到另一個組件
[英]How to pass props from one Component to another component with onClick() event in React.js
如何在 React.js 中將狀態/數據從一個組件傳遞到另一個組件（特別是 riot api）
[英]How to pass state/data from one component to another in React.js (riot api specifically)
如何將自定義組件作為“屬性”傳遞給React.js渲染函數中的另一個自定義組件？
[英]How to pass a custom component as a 'prop' to another custom component in React.js render function?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
如何在 React.JS 中將數據從一個組件傳遞到另一個組件
如何在 React.js 中將 useState 值從一個組件傳遞到另一個組件
如何在 React.js 的另一個組件中更新組件狀態變量的值？
在 React.js 中如何將表單的值從一個組件傳遞到另一個組件
如何在 React.js 中使用 onClick() 事件將道具從一個組件傳遞到另一個組件
如何在 React.JS 中將數據從子組件傳遞到父組件？
如何在React.JS中將狀態從子組件傳遞給父組件？
如何在 React.js 中將狀態/數據從一個組件傳遞到另一個組件（特別是 riot api）
如何在react js中將值從一個組件傳遞到另一個組件
如何將自定義組件作為“屬性”傳遞給React.js渲染函數中的另一個自定義組件？
相關標簽