왜 ReactDOM.createPortal 에서 작동하지 않 나의 콘텐츠 스크립트를 사용해야 할까요?

Question 1

나는 내용입니다.서울 파일에 다음과 같은 코드:

import React from "react";
import {createPortal} from 'react-dom';

import Text from './Text';

console.log(`Content script...`);

createPortal(
    <Text/>,
    document.body
);

""텍스트 구성품 코드:

import React from 'react';

const Text = () => {
    return (
        <div>
            Just text...
        </div>
    );
};

export default Text;

내 매니페스트 포함됩니다:

...other keys
"content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "js": ["./static/js/content.js"],
      "run_at": "document_end"
    }
]

당신이 볼 수 있는 파일을 로드하는 메시지 Content script ... 인쇄합니다. https://i.stack.imgur.com/GS0gK.png

하지만 div 텍스트 Just text... 를 추가하지 않고,몸에서 다른 말로,createPortal 작동하지 않습니다. https://i.stack.imgur.com/j2geh.png

Question 2

작 createPortal 안 return 나 render,

다음과 같다:

render() {
    return ReactDOM.createPortal(
         this.props.children,
         document.body
     );
}

Pradip Dhakal · Answer 1 · 2021-11-15T13:13:41

1

작 createPortal 안 return 나 render,

다음과 같다:

render() {
    return ReactDOM.createPortal(
         this.props.children,
         document.body
     );
}

Pradip Dhakal

2021-11-15 13:13:41

을 만들었 codesandbox 당신을 위해,그리고 그것의 완벽하게 작동한 벌금,당신은 그것을 확인할 수 있습니다: codesandbox.io/s/위자드-cache-2vfby?file=/src/콘텐츠입니다.jsx

Pradip Dhakal

체크,코드가 작동하지 않습니다 내 경우에는,그러나 내가 이해할 수 있는 자연의 문제가,감사합니다.

user17418364

왜 ReactDOM.createPortal 에서 작동하지 않 나의 콘텐츠 스크립트를 사용해야 할까요?

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리