我是 React 的中級開發(fā)人員，我想就實(shí)現(xiàn) props 過濾的最佳實(shí)踐提出建議。確實(shí)，我意識到我在對這些道具進(jìn)行排序時(shí)非常有限：我是否必須將這些道具放在狀態(tài)中然后顯示/排序狀態(tài)有沒有一種方法可以直接從道具中顯示和排序表格？例子 ：應(yīng)用程序.js@connect(({ events }) => ({ events }))class EventList extends React.Component { constructor(props) {    super(props);    this.state = {    };  }  componentDidMount() {    const { dispatch } = this.props    dispatch({type: 'events/GET_ALL_EVENTS'})  }  render() {    const { events } = this.props    const { allEvents } = events    return (      <div>        <div className="card">           <div className="card-body">              <EventsAfter events={allEvents} />           </div>         </div>      </div>    )  }}export default EventListEventsAfter.jsclass EventAfter extends React.Component {  constructor(props) {    super(props);    this.state = {      dateSort: "next_3_day",    };  }  sortDate = value=> {    this.setState({ dateSort: value.target.value })    /* NEED TO SORT PROPS ARRAY OF EVENTS HERE */  }  render() {    const { events } = this.props    const { dateSort } = this.state    return (      <div>        <div className="row">          <div className="col-lg-12">            <div>              <div style={{display:"inline-block", paddingBottom:'10px'}}>                <Radio.Group size="default" value={dateSort} onChange={this.sortDate}>                  <Radio.Button value="next_3_day">Les trois prochains jours</Radio.Button>                  <Radio.Button value="this_week">Cette semaine</Radio.Button>                  <Radio.Button value="next_week">La semaine prochaine</Radio.Button>                </Radio.Group>              </div>            </div>          </div>        </div>在第一個(gè)文件中，我將事件（表）發(fā)送到子組件“ EventAfter ”。在第二個(gè)文件中，當(dāng)用戶單擊單選按鈕時(shí)，它會更改排序狀態(tài)（next_3_day, this_week, next_week）。我想（但我不能）只對符合條件的事件進(jìn)行排序和顯示而不修改原始表格（以便我可以顯示整個(gè)表格）。你能幫助我嗎 ？我在這部分正確使用 react 還是存在模式？