我正在將 Remix 與 React 和 TS 一起使用。我有一個名為 Map.tsx 的簡單類組件，它在 index.tsx 中使用。
地圖.tsx
class Map extends React.Component {
constructor(props: any) {
super(props);
this.regionClicked = this.regionClicked.bind(this);
}
render() {
return (
<div>
<button onClick={() => alert("ciao")}>a</button>
</div>
)
}
}
索引.tsx
import Map from "../components/index/map/Map";
class Index extends React.Component {
constructor(props: any) {
super(props);
}
render() {
return (
<div>
<Map />
</div>
)
}
}
uj5u.com熱心網友回復：
我不確定你的問題是什么。但是在檔案Map.tsx 中，您需要宣告方法regionClicked或洗掉這一行
class Map extends React.Component {
constructor(props: any) {
super(props);
this.regionClicked = this.regionClicked.bind(this);
}
regionClicked() {
alert("ciao");
}
render() {
return (
<div>
<button onClick={this.regionClicked}>a</button>
</div>
);
}
}
uj5u.com熱心網友回復：
通過使用 root.tsx 檔案中的標記進行修復。此處提供示例
import { Scripts } from "remix";
function Document({ children }: { children: React.ReactNode; title?: string }) {
return (
<html lang="en">
<head>
<Meta />
<Links />
</head>
<body>
<Header />
{children}
<Footer />
<Scripts />
{process.env.NODE_ENV === "development" ? <LiveReload /> : null}
</body>
</html>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/378988.html
上一篇：專案未添加到節點中的陣列/映射
下一篇：快速路由在接收引數時給出404