ウィンドウが定義されていません

Question

私のプロジェクトでReactJSを使用しています。私はwindow.location.hrefを使って、私の現在のURLにアクセスしたいと思います。 window.location.hrefを使用すると、windowが定義されていないというエラーが表示されます。

// --- REACT + CUSTOM-TAGS --- 
const SampleApp = ({value}) => { 
    // --- CUSTOM-SCRIPTS --- 
    addMeta([ 
     {type: 'meta', content: {content: 'something'}}, 
     {type: 'link', content: {rel: 'http://link'}}, 
    ]); 

    //Append the value from the URL 
    const prId = "12512" //We can make it dynamic 
    const url = window.location.href;//window,location.href; 
    const id = url.substring(url.lastIndexOf('/') + 1); 
    const output = id.replace(/[a-zA-Z=]/g, ''); 

    return (
     <div> 
      <h1>Hello {value}</h1> 
      <hr /> 
      <h2>{url} took from prId</h2> 
      <hr /> 
      <h2><a className="redirect" href={'//www.check.com/prId/' + output} target="_blank">Click Here</a> 
      </h2> 
     </div> 
    ); 
}; 

Answer 1

場所は、Reactで定義されていないため、小道にあります。

window.location.hrefの代わりにthis.props.location.pathnameとしてください。

あなたがこの小道具を記録すると、さらに詳しい情報が得られます。

Answer 2

次に、あなたのコンポーネント import 'jsdom-global/register'; の上でそれをインポートし、このライブラリ npm install --save-dev --save-exact jsdom jsdom-global をインストールするには、それがお役に立てば幸いです。 （SampleAppで未定義 のプロパティ「小道具」を読み込めません：