44 lines
875 B
TypeScript
44 lines
875 B
TypeScript
import { useEffect, useState } from "react"
|
|
import { sendToBackground } from "@plasmohq/messaging"
|
|
|
|
function IndexPopup() {
|
|
const [data, setData] = useState("")
|
|
|
|
useEffect(() => {
|
|
const resp = sendToBackground({
|
|
name: "test",
|
|
body: {
|
|
id: 123
|
|
}
|
|
}).then((res) => {
|
|
console.log(res);
|
|
})
|
|
|
|
console.log(resp)
|
|
}, []);
|
|
|
|
return (
|
|
<div
|
|
style={{
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
padding: 16
|
|
}}>
|
|
<h2>
|
|
Welcome to your test
|
|
<a href="https://www.plasmo.com" target="_blank">
|
|
{" "}
|
|
Plasmo
|
|
</a>{" "}
|
|
Extension!
|
|
</h2>
|
|
<input onChange={(e) => setData(e.target.value)} value={data} />
|
|
<a href="https://docs.plasmo.com" target="_blank">
|
|
View Docs
|
|
</a>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default IndexPopup
|