如何使用反应路由器链接将秘密数据传递给React组件

时间:2018-02-07 18:06:23

标签: reactjs react-router react-redux

我正在使用redux构建一个react应用程序并对路由器做出反应。我试图将数据发送到另一个组件但不想将其作为params传递。有什么方法可以传输数据吗?

这是我的数据

的组件
/**
 * .app/components/App.jsx
 */

// React import 
import React from 'react';

// helper components
import NavBar from '../helpers/NavBar.jsx';
import NoteItem from '../helpers/Note.jsx';
import Fab from '../helpers/FAB.jsx';

export default class Note extends React.Component{
    constructor(props){
        super(props);
        this.state = {
            note: {}
        }
    }
    render(){
        const id = this.props.match.params.id;
        return(
            <div>
                <NavBar text='Home' link='/'/>
                <NoteItem noteId={id}/>
                <Fab note={this.state.note} icon='fa fa-pencil'
                    path={'/edit/' + id}/>
            </div>
        );
    }
}

这是我的路线组件

<Link className='btn-floating btn-large blue-grey'
                to={this.props.path}>
                   <i className={this.props.icon}></i>
               </Link>

这是我想要使用数据的路线的链接

if (r instanceof HTMLFormElement &&! r.parentNode) { 
r.style.display = "none"; document.body.append (r); 
r [p] ();
}

请帮忙。如果需要添加任何内容,请告诉我

0 个答案:

没有答案