Question

我正在尝试访问URL中的参数，但不打包以获取它们。 console.log(User);给我未定义。网址看起来像这样http://localhost:3000/data/Auto/90293/22/Female

错误TypeError：无法读取此行return <h1>Hello {match.params}!</h1>上未定义的属性'params'

class Customers2 extends Component
{
    constructor() {
        super();
    }

    render() {
        const User = ({ match }) => {
            return <h1>Hello {match.params}!</h1>
        };
        console.log(User);
        console.log("Bhai Print hoja");
        console.log(window.location.href);
        return (
                <div>
                    <User/>
                    <h1>bhaui bhai</h1>
                </div>
        )
    }
 }

Answer 1

render() {
    var User = function( match ){
      {console.log(match)}
      return <h1>Hello {match.params}!</h1>
    };
    var match = {
      params:"ho gea"
    }
    console.log(User);
    console.log("Bhai Print hoja");
    console.log(window.location.href);
    return (
      <div>
      {User(match)}
        <h1>bhaui bhai</h1>
      </div>
    )
  }
}

我认为这就是您想要的代码。您将传递匹配对象，然后将其提供给User函数，该函数将返回您的标题。

使用Match无法从URL反应提取参数

1 个答案: