[英]passing data to componnet onClick in react js
我们有 2 个组件。 一个是Test1,第二个是Test2。 我的问题是我们如何将数据从组件 Test1 传递到 Test2(它们是独立的组件。) onClick 事件。 :例如像这样的 function :
const ClickHandler =()=>{
//pass data to Test2
}
我认为有两种方法可以做到这一点。
import {useState} from "React"
const TestOneComponent = ({value}) => (
<span>{value.toString()}<span>
)
const TestTwoComponent = ({value, onClick}) => (
<span>{value.toString()}</span>
<button onClick={onClick}>Increase Value</button>
)
const ParentComponent = () => {
const [value, setValue] = useState(0)
const onClick = () => {
setValue(value + 1)
}
return (
<>
<TestOneComponent value={value}>
<TestTwoComponent value={value} onClick={onClick}>
</>
)
}
您可以使用道具将数据传递给其他组件并在触发 onClick 事件时渲染它,或者
您可以通过 onClick 事件导航到新页面并将数据传递到标题/路由并在新页面的组件中访问该数据
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.