小编Amo*_*mos的帖子

我有一条像这样的路线

<Route path="/search/:slug"><SearchPage /></Route>

在我的 React Router 中。SearchPage 是一个useParams()使用react-router-dom.

// SearchPage.js
import React from 'react';
import { useParams } from 'react-router-dom';

export function SearchPage(props) {
    const { slug } = useParams();
    console.log(slug)
    // ...do other stuff
}

但是，当我导航到 时/search/foo#bar，SearchPage 组件仅foo在slug. 我的组件是否可以接收完整的foo#bar，或者更好的是，单独foo接收bar？

是否可以将 React.memo 应用于具有 for 循环的组件数组？
假设我有以下三个组成部分：

const Item1 = (props) => {
    const { index } = props;
    return (
        <div>{index}</div>
        );      
}

const Item2 = (props) => {
    const { index } = props;
    return (
        <div>{index}</div>
        );      
}

const Item3 = (props) => {
    const { index } = props;
    return (
        <div>{index}</div>
        );      
}

我可以在我的 App 组件中执行此操作吗？

const App = (props) => {
    const items = [Item1, Item2, Item3];
    let itemarray = [];
    let index = 0; …