抽象时反应元素不呈现

Question

正在尝试映射数据以创建元素 - 元素未出现。当元素被硬编码时，（标记）它们工作正常。当我尝试对其进行抽象时，不会呈现标记。代码框在下面。

更新 https://codesandbox.io/s/lucid-leakey-hckm2k?file=/src/App.js 它现在进入制作标记代码，但实际上并没有按预期或当我直接调用元素时那样渲染圆圈。

Answer 1

function makeMarker(datum, pixelScale) {

组件在单个对象中接收道具，而不是作为单独的参数。此外，自定义组件需要大写，因为小写 JSX 是为 <div> 等内置元素保留的。所以请执行以下操作：

function MakeMarker(props) {
  const { datum, pixelScale } = props;

// Or:
function MakeMarker({ datum, pixelScale }) {

（从技术上讲，您可以在此行中使用小写，然后在导入时使用大写，但最好保持一致并在所有地方使用大写）

React element not rendering when abstracted