React 自己新建的控件TextField,怎么自动搜索范围

#1

列如： //这是自己新建的控件

<TextInput source="storeCd"  />
<TextInput source="storeNm" />
<TextInput source="storeArea" />

怎么自动响应搜索：

  return (
            <div style={{ width: 200}}>
                {!from && !to &&
                <TextField
                    hintText="时间范围"
                    onClick={this.handleClick}
                    floatingLabelText="时间范围"
                />
                }
                {from && !to &&
                <TextField
                    hintText="时间范围"
                    onClick={this.handleClick}
                    floatingLabelText="时间范围"
                />}
                {from && to &&
                <TextField
                    hintText="时间范围"
                    onClick={this.handleClick}
                    value={ TextFieldContet}
                    floatingLabelText="时间范围"

                />
                }
               <div style={divStyle}>
                    <DayPicker
                        numberOfMonths={2}
                        selectedDays={[from, { from, to }]}
                        onDayClick={this.handleDayClick}
                        fixedWeeks
                    />
                </div>
            </div>
        );
#2

就是怎么自动响应Filter 搜索

<Filter {...props}>
        <DataRanger source="registTime" label="注册时间"/>
        <TextInput source="storeCd"  />
		<TextInput source="storeNm" />
	    <TextInput source="storeArea" />
	    <TextInput source="dealerCd" />
	    <TextInput source="dealerNm" />
        <SelectInput source="storeStatus" choices={[
            { id: '正常', name: '正常' },
            { id: '停用', name: '停用' },
        ]} />
        <SelectInput source="registMode" choices={registMode} />
       {/* <DateInput source="registTime"/>*/}
    </Filter>
```