Question

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

只有在按下搜索按钮时才需要一些关于启用搜索的帮助/指针。我需要收集用户的多个输入，最后在点击搜索按钮时通过REST Api将查询推送到后端。

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

Answer 1

这是你需要做的。

您需要编写自定义Redux表单组件。像下面的东西。我还没有测试过这段代码。但我希望你能得到一般的想法。您还需要处理由Redux Form传递给组件的所有道具。看看Redux Form docs。另请参阅源代码中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中使用材质UI组件。

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

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

1 个答案: