如何从react组件设置查询参数？没有助焊剂或还原剂

Question

我只想从搜索输入中获取值并触发一个函数，将值作为查询参数放在url中。

我发现很多关于在react-router中获取查询参数的问题，但是还没有看到如何将查询参数放在像搜索输入这样的东西上。我确信这很明显。

对于上下文，我有一个HOC可以访问查询并在迷你mongo缓存查询中使用它。

注意：我没有使用flux或redux。我只需要一种简单的方法来从onChange或onClick设置查询。

Answer 1

React仍然是Javascript，因此您应该能够使用任何Javascript方式执行此操作。例如：

function searchButtonOnClick(){
   var userInput = document.getElementById('search-input').value;
   window.location.href += '?userQuery=' + userInput; 
}

将此函数设置为按钮的onClick方法，它应该可以工作。