尝试映射数据以创建元素 - 元素未出现。当元素被硬编码时,(标记)它们可以正常工作。当我尝试对其进行抽象时,不会呈现标记。代码框如下。
https://codesandbox.io/s/lucid-leakey-hckm2k?file=/src/App.js
尝试映射数据以创建元素 - 元素未出现。当元素被硬编码时,(标记)它们可以正常工作。当我尝试对其进行抽象时,不会呈现标记。代码框如下。
https://codesandbox.io/s/lucid-leakey-hckm2k?file=/src/App.js
function makeMarker(datum, pixelScale) {
组件在单个对象中接收道具,而不是作为单独的参数。此外,自定义组件需要大写,因为小写 JSX 是为内置元素保留的,例如<div>
. 因此,请执行以下操作:
function MakeMarker(props) {
const { datum, pixelScale } = props;
// Or:
function MakeMarker({ datum, pixelScale }) {
(从技术上讲,您可以在这一行中将其设为小写,然后在导入时将其设为大写,但最好保持一致并在任何地方使用大写)