zoukankan      html  css  js  c++  java
  • [React] React Router: Querystring Parameters

    Define query param in Link, accept path and query :

    const Links = () =>
        <nav >
            <Link to={{path: '/', query: {message: 'Yo'}}}>Home</Link>
        </nav>;

    Use Query param by props.location.query:

    const Container = (props) => <div>{props.location.query.message || 'Hello'}<Links /></div>;

    -----------------------

    import React from 'react';
    import {hashHistory, Route, Router, Link, IndexRoute} from 'react-router';
    
    const Container = (props) => <div>{props.location.query.message || 'Hello'}<Links /></div>;
    
    const Links = () =>
        <nav >
            <Link to={{path: '/', query: {message: 'Yo'}}}>Home</Link>
        </nav>;
    
    class App extends React.Component {
        render(){
            return(
                <Router history={hashHistory}>
                    <Route path="/" component={Container}></Route>
                </Router>
            );
        }
    }
    
    export default App;
  • 相关阅读:
    HTTP
    jQuery
    BOM与DOM
    Page类成员
    Web用户自定义控件
    ASP.NET服务端基本控件介绍
    ASP.NET中的验证控件
    ASP.NET数据绑定控件
    ASP.NET中的母版页
    ASP.NET缓存 Cache
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5336857.html
Copyright © 2011-2022 走看看