blocks|key|1033345|text|听起来，您想要清除TextInput中的值，它不需要redux来查看您给我们的内容。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1033346|使用的方法之一是通过onChange()函数将筛选器输入保存到状态--这可能也是您调用操作以访问后端或更改道具中的帖子的状态的地方。|offset|length|style|CODE|1033347|要重置，您可以在onClick()中有另一个按钮调用一个handleReset(inputId)，您可以在该按钮上调用setState({filterUser:+'testUser123'})，这将满足您的要求。|1033348|虽然这取决于你想要如何处理这一切，但没有足够的信息来了解你是如何做到的，所以我只是在猜测人们的一种常见方式。|1033349|entityMap^0|0|A|A|0|8|9|S|K|1N|11|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@$D|S|E|T|F|G]|$D|U|E|V|F|G]|$D|W|E|X|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|Y|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|M|$]]

<p>It sounds like you want to clear the value in the TextInput, which doesn't need redux looking at what you've given us. </p>

<p>One of the approaches to use is saving the filter input to state through the <code>onChange()</code> function - which is maybe where you are also calling the action to hit the backend or change state for the posts that are in your props.</p>

<p>To reset, you can have another button that has in <code>onClick()</code> call to a <code>handleReset(inputId)</code> which you can call <code>setState({filterUser: 'testUser123'})</code> on that will do what you are asking. </p>

<p>Though it depends how you are wanting to handle it all, there isn't enough information to see how you're doing that, so i'm just speculating on a common way people go about things. </p>


blocks|key|2962930|text|不幸的是，setFilters没有为我做任何事情。以下是问题的解决办法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2962931|<FormDataConsumer+form={'filterForm'}+alwaysOn+source='stateId'>
++++++{({+formData,+dispatch,+...rest+})+=>+(
++++++++<ReferenceInput
++++++++++resource={props.resource}
++++++++++source='stateId'
++++++++++reference='states'
++++++++++onChange={value+=>+{
++++++++++++dispatch(change('filterForm',+'districtId',+null));
++++++++++}}
++++++++++allowEmpty>
++++++++++<SelectInput+optionText='name'+/>
++++++++</ReferenceInput>
++++++)}
++++</FormDataConsumer>

++++{(props.filterValues.stateId+%7C%7C+props.filterValues.districtId)+&&+(
++++++<ReferenceInput
++++++++key={props.filterValues.stateId}
++++++++source='districtId'
++++++++reference='districts'
++++++++filter={{+stateId:+props.filterValues.stateId+}}
++++++++alwaysOn>
++++++++<SelectInput+optionText='name'+/>
++++++</ReferenceInput>
++++)}|code-block|syntax|javascript|2962932|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Unfortunately, setFilters does nothing for me.
Here is the solution to the problem:</p>
<pre class="lang-js prettyprint-override"><code>&lt;FormDataConsumer form={'filterForm'} alwaysOn source='stateId'&gt;
      {({ formData, dispatch, ...rest }) =&gt; (
        &lt;ReferenceInput
          resource={props.resource}
          source='stateId'
          reference='states'
          onChange={value =&gt; {
            dispatch(change('filterForm', 'districtId', null));
          }}
          allowEmpty&gt;
          &lt;SelectInput optionText='name' /&gt;
        &lt;/ReferenceInput&gt;
      )}
    &lt;/FormDataConsumer&gt;

    {(props.filterValues.stateId || props.filterValues.districtId) &amp;&amp; (
      &lt;ReferenceInput
        key={props.filterValues.stateId}
        source='districtId'
        reference='districts'
        filter={{ stateId: props.filterValues.stateId }}
        alwaysOn&gt;
        &lt;SelectInput optionText='name' /&gt;
      &lt;/ReferenceInput&gt;
    )}
</code></pre>


blocks|key|1300263|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1300264|const+PostActions+=+({
++bulkActions,
++basePath,
++currentSort,
++displayedFilters,
++exporter,
++filters,
++filterValues,
++onUnselectItems,
++resource,
++selectedIds,
++showFilter,
++total,
++setFilters,
})+=>+(
++<CardActions>
++++{/*+Add+your+custom+actions+*/}
++++<Button+variant="text"+onClick={()+=>+setFilters({})}>
++++++Clear+Filters
++++</Button>
++++{bulkActions+&&
++++++React.cloneElement(bulkActions,+{
++++++++basePath,
++++++++filterValues,
++++++++resource,
++++++++selectedIds,
++++++++onUnselectItems,
++++++})}
++++{filters+&&
++++++React.cloneElement(filters,+{
++++++++resource,
++++++++showFilter,
++++++++displayedFilters,
++++++++filterValues,
++++++++context:+'button',
++++++})}
++++<ExportButton
++++++disabled={total+===+0}
++++++resource={resource}
++++++sort={currentSort}
++++++filter={filterValues}
++++++exporter={exporter}
++++/>
++</CardActions>
);+

<List
++++{...props}
++++filters={<LeadTimeFilter+/>}
++++bulkActions={false}
++++actions={<PostActions+/>}
++>|code-block|syntax|javascript|1300265|您可以在actions.In中添加一个重置按钮，操作可以获得“setFilters”方法，该方法可以从道具中重置过滤器。|1300266|1300267|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|N|8|@]|9|@]|A|$]]|$1|I|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const PostActions = ({
  bulkActions,
  basePath,
  currentSort,
  displayedFilters,
  exporter,
  filters,
  filterValues,
  onUnselectItems,
  resource,
  selectedIds,
  showFilter,
  total,
  setFilters,
}) =&gt; (
  &lt;CardActions&gt;
    {/* Add your custom actions */}
    &lt;Button variant="text" onClick={() =&gt; setFilters({})}&gt;
      Clear Filters
    &lt;/Button&gt;
    {bulkActions &amp;&amp;
      React.cloneElement(bulkActions, {
        basePath,
        filterValues,
        resource,
        selectedIds,
        onUnselectItems,
      })}
    {filters &amp;&amp;
      React.cloneElement(filters, {
        resource,
        showFilter,
        displayedFilters,
        filterValues,
        context: 'button',
      })}
    &lt;ExportButton
      disabled={total === 0}
      resource={resource}
      sort={currentSort}
      filter={filterValues}
      exporter={exporter}
    /&gt;
  &lt;/CardActions&gt;
); 

&lt;List
    {...props}
    filters={&lt;LeadTimeFilter /&gt;}
    bulkActions={false}
    actions={&lt;PostActions /&gt;}
  &gt;</code></pre>
</div>
</div>

 you can add a reset button in the actions.In the action can get the 'setFilters'method which can reset filters from the props. </p>


blocks|key|1033399|text|下面是我如何创建一个“清除过滤器”按钮("react-admin":+"3.10.2")。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1033400|延伸到+toolbar+example..。|1033401|import+{+FilterList+}+from+"@material-ui/icons";
import+React+from+"react";
import+{
++++Button,
++++sanitizeListRestProps,
++++TopToolbar
}+from+"react-admin";

const+ListActionsTopToolbar+=+(props)+=>+{
++const+{
++++className,
++++exporter,
++++filters,
++++maxResults,
++++setFilters,
++++...rest
++}+=+props;
++return+(
++++<TopToolbar+className={className}+{...sanitizeListRestProps(rest)}>
++++++++
++++++++{/*+Clear+Filters+Button+*/}
++++++<Button+onClick={()+=>+setFilters({})}+label="Clear+Filters">
++++++++<FilterList+/>
++++++</Button>

++++</TopToolbar>
++);
};|code-block|syntax|javascript|1033402|追溯：https://github.com/marmelab/react-admin/issues/816#issuecomment-734030723|1033403|entityMap|0|LINK|mutability|MUTABLE|url|https://marmelab.com/react-admin/List.html#actions|1|https://github.com/marmelab/react-admin/issues/816#issuecomment-734030723^0|K|N|0|3|G|0|0|0|3|21|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@$9|12|A|13|1|14]]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|O|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]]]

<p>Here's how I created a &quot;Clear Filters&quot; button (<code>&quot;react-admin&quot;: &quot;3.10.2&quot;</code>).</p>
<p>Extending upon the <a href="https://marmelab.com/react-admin/List.html#actions" rel="nofollow noreferrer">custom <code>ListActions</code> toolbar example</a>...</p>
<pre class="lang-js prettyprint-override"><code>import { FilterList } from &quot;@material-ui/icons&quot;;
import React from &quot;react&quot;;
import {
    Button,
    sanitizeListRestProps,
    TopToolbar
} from &quot;react-admin&quot;;

const ListActionsTopToolbar = (props) =&gt; {
  const {
    className,
    exporter,
    filters,
    maxResults,
    setFilters,
    ...rest
  } = props;
  return (
    &lt;TopToolbar className={className} {...sanitizeListRestProps(rest)}&gt;
        
        {/* Clear Filters Button */}
      &lt;Button onClick={() =&gt; setFilters({})} label=&quot;Clear Filters&quot;&gt;
        &lt;FilterList /&gt;
      &lt;/Button&gt;

    &lt;/TopToolbar&gt;
  );
};
</code></pre>
<p>Traceback: <a href="https://github.com/marmelab/react-admin/issues/816#issuecomment-734030723" rel="nofollow noreferrer">https://github.com/marmelab/react-admin/issues/816#issuecomment-734030723</a></p>


<p>I have a filter component:</p>

<pre><code>export const PostsFilter = (props) =&gt; (
  &lt;Filter {...props}&gt;
    &lt;TextInput label='Post ID' source='id' alwaysOn /&gt;
    &lt;TextInput label='User ID' source='user_id' alwaysOn /&gt;
  &lt;/Filter&gt;
);
</code></pre>

<p>I need to add a reset button that will clear input values. I understand that in should be done via dispatching smth to redux. So maybe somebody already solved this problem? Thanks!</p>


How to reset filter values in react admin framework?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个过滤器组件：export const PostsFilter = (props) => (  <Filter {...props}>    <TextInput label='Post ID' source='id' alwaysOn />    <TextInput label='User ID' sourc...

问如何在响应管理框架中重置过滤器值？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在响应管理框架中重置过滤器值？EN