javascript - 如何在 React 中制作功能组件存储道具

Question

所以目前我能够传入道具并访问在同一个组件中返回的内容，但我想重定向到一个新页面并且仍然能够访问数据传入的组件中的数据。这是我的两个组件，在重定向到子组件后访问子组件时，props.value 是未定义的。

import { render } from '@testing-library/react'
import React from 'react'
import Child from './Child'

function Parent() {
    function handleClick(){
        <Child value="something"/>
        console.log("I WAS CLICKED")
    }

    return (
        <div>
            <button onClick={handleClick}>Click Me</button>
            <Child value="Something" /> //Accessing component within the same component works
        </div>
    )
}

export default Parent

function Child (props) {
    return (
        <div>
            <h1>{props.value + " test"}</h1>
            <h1>TEST Data</h1>
        </div>
        
    )
}

export default Child

标签： javascriptreactjs