[admin-on-rest]：仅当按下搜索按钮时才搜索

Question

这与基于admin-on-rest reactJs的框架相关。

我需要一些帮助/仅当搜索按钮被按下时才启用搜索。我需要从用户收集多个输入，最后在单击搜索按钮时通过REST Api将查询推送到后端。

查询搜索一个非常大的数据库集，我不想在用户输入时将查询推到后端。

Answer 1

这是你需要做的。

您需要编写一个自定义Redux表单组件。类似于下面的内容。我还没有测试过这段代码。但我希望你能大致了解一下。您还需要处理Redux表单传递给您的组件的所有属性。看看Redux表单文档。还要看一下源代码中的Admin-On-Rest的TextInput组件。

const ENTER_KEY = 13;

class RenderTextField extends Component {
  handleKeyDown = (event) => {
       switch( event.keyCode ) {
        case ENTER_KEY:
            this.props.input.onChange(this.state.searchQuery);
            break;
        default: 
            this.setState({this.searchQuery: event.target.value})
    }
  }
  render() {
     return (<input onKeyDown={this.handleKeyDown}
        //You will need to look at the ReduxForm docs and handle all the props that are passed to every ReduxForm component.
     />)
  }
}

4)您也可以在ReduxForm中使用material UI组件。

http://redux-form.com/6.0.0-rc.1/examples/material-ui/