react 使用 iframe,並傳值給另乙個專案

2021-09-19 14:34:52 字數 1433 閱讀 6201

需求:編輯後台 過多且零散,想把不同專案(react,vue等)工程合在乙個乙個專案;因為工程量太大,所以通過iframe合在一起最方便。

主要思想:通過iframe的url 帶著引數 傳值給 另乙個專案,然後另乙個專案接受引數。我們主要解決的是 賬號互通。所以通過url,把引數帶過去,然後通過cookie主動儲存起來。

主工程 傳參
import react,

from

'react'

;const

="*****"

;//自己定義的方法 ,忽略

// djqurl 在env 檔案下,主要是 根據環境 讀取 測試服/正式服 的 位址

import

from

'env'

;export

default

class

extends component

render()

tinymanage?logintoken=

$&loginuid=$`

return

(width=

"100%"

height=

"100%"

id="oldcommunityid"

position=

"relative"

overflow=

"auto"

/>)}

}

接受引數 的工程
取決你這個專案 是單頁面路由 還是 多頁面

// 這個是單頁面

const query =

this

.props.location.query;

// console.log(query,'實驗11111111111')

if(object.

keys

(query)

.length <=1)

else

{const logintoken = query.logintoken;

const loginuid = query.loginuid;

cookie.

delete

("logintoken"

) cookie.

delete

("loginuid"

) cookie.

set(

'logintoken'

,logintoken,

0.5)

; cookie.

set(

'loginuid'

,loginuid,

0.5)

;

react 父子傳值 react

舉例說明 我現在建立乙個父元件parents 建立兩個子元件 children1,children2 然後將children1,children2巢狀進入parents中,然後渲染parents children1 如下 import react,from react let children1 c...

iframe如何傳值給父iframe

在子iframe中如果需要用js傳值給父視窗,或是呼叫父視窗的方法需要在前邊加上top.修改父視窗控制項屬性 window.parent.document.getelementbyid frmright src window.parent.document.getelementbyid frmrig...

iframe巢狀iframe往父窗體傳值

第乙個iframe function closenewwin username,showuname,taskpeotime 第二個iframe function closeframe username,showuname,taskpeotime userinput中對應的方法 function cl...