在react.js中使用純JavaScript

Question

我正在忙於使用React Starter Kit，但遇到了問題。 我需要javascript以從url獲取查詢字符串並將其顯示在文檔中。 我嘗試了以下操作，但是得到的位置未定義。 我該如何在React和JavaScript中做到這一點？

function getParameterByName(name) {
  name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
  var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
      results = regex.exec(location.search);
  return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

@withStyles(styles)
class PlayerPage extends Component {
  render() {
    const title = 'Player';
    var player = getParameterByName('player');
    return (
      <div className="PlayerPage">
        <div className="PlayerPage-container">
          <h1>{title}</h1>
          <p>{player}</p>
        </div>
      </div>
    );
  }
}

Answer 1

問題在於，當您的代碼在服務器中運行時，將不會定義位置，因為node.js環境未提供位置的實現。

您可能要確保此組件僅在客戶端上呈現，或者從服務器中的快速請求中提取路由信息，而不是僅依賴於位置。