React + 从 queryString 中获取值

Question

我在从查询字符串中获取参数时遇到了一些困难。

我有一个 reducer 函数，它将初始值设置为

const initialState = {
  data: {
    loadedData: false,
    token: '',
    video_thumbnail_url: '',
  }
  mediaToken: '',
  mediaUrl: '',
};

mediaToken value 是我可能需要从 queryString 得到的东西，如果不是，它应该是空字符串

所以基本上期望的是 mediaToken 将调用一个函数，该函数将检查 queryString，如果不是，它将传递空字符串

例如：https://localhost:8080/?text=abc&query=multi.....

我需要从查询字符串中获取查询值并将其绑定到 intialState 中的 mediaToken

例子

**mediaToken : function() ( function will be returning either query value from url or if noy present empty string**

and 

const function => {
   // get query value from query string 
   return that
   else return ''
}

如果你们不明白我的问题，请随时发表评论，我很乐意回复（很抱歉）

Answer 1

如果您可以使用外部节点模块来实现此目的，我建议您使用 query-string。这是您可以使用它提取查询参数的方法：

const queryString = require('query-string');

// ..
// ..
// Business logic

let qsJSON = queryString.parse(location.search)
mediaToken = qsJSON ? qsJSON.[<qs_name>] || '' : ''

React + 从 queryString 中获取值

React +getting value from queryString

javascript

state

reducers

reactjs