小编rol*_*olo的帖子

如何使用 NextJS 的动态导入将值传递给组件

我在 Next.js 中动态导入时遇到问题。如果有人能给我答案或一些建议以不同的方式做到这一点,那就太好了。

问题是我有一个渲染传单地图的组件,该地图有一个指针,因此我可以单击地图并获得经度和纬度,这是代码:

import React from 'react'
import {MapContainer, Marker,TileLayer, useMapEvents } from 'react-leaflet'
import {  iconMap  } from '../../assets/customeIcon/iconMap';
import 'leaflet/dist/leaflet.css'



const MapView =({selectedPosition,setSelectedPosition}) =>{

    const [initialPosition, setInitialPosition] = React.useState([38,-101]);
    
   
    const Markers = () => {
    
        const map = useMapEvents({
            click(e) {                                
                setSelectedPosition([
                    e.latlng.lat,
                    e.latlng.lng
                ]);              
            },            
        })
    
        return (
            selectedPosition ? 
                <Marker           
                key={selectedPosition[0]}
                position={selectedPosition}
                interactive={false} 
                icon={iconMap}
                />
            : null
        )   
        
    }

    

    return  <MapContainer center={selectedPosition || initialPosition} zoom={5}  style={{height:"300px",width:"540px"}}>
        <TileLayer url='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
         ></TileLayer>
         <Markers />
    </MapContainer>
}

export default …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native next.js

13
推荐指数
1
解决办法
1万
查看次数

如何在node.js AWS Dynamodb中使用batchWriteItem

我对AWS有点陌生,因此在尝试使用node.js开发一个简单的Lambda函数时遇到了一些问题。在发电机数据库中,我有一个名为“ Game”的表,其属性为“ gamepk”,“ user”,“ result”。在Lambda函数的一个示例中,我想插入“游戏”元素的集合(集合中元素的数量可以变化)。我一直在阅读一些教程,它说我应该使用batchWriteItem,但是由于Game元素的集合是可变的,所以我不知道该如何进行。

有人可以在节点js中编写一个函数来解决我的问题吗?谢谢你的时间。

lambda函数接收的JSON示例如下:

{
    "games": [{
            "gamepk": "1",
            "user": "rolo",
            "result": "1-0"

        },
        {
            "gamepk": "2",
            "user": "jhon",
            "result": "1-1"
        }
    ]

}
Run Code Online (Sandbox Code Playgroud)

amazon-web-services node.js amazon-dynamodb aws-lambda

1
推荐指数
2
解决办法
3872
查看次数

反应,动态渲染材质 ui 图标

我需要一些帮助来解决以下问题。我正在使用 Material ui 图标,并且该项目的设置方式是,当我想使用图标时,我必须这样做:

import {Muicon } from '@/lib/material';

 ...

<Muicon.Visibility />
Run Code Online (Sandbox Code Playgroud)

随着眼睛图标出现。

现在我想要做的是:有一个屏幕,用户可以在其中选择要在其他屏幕中显示的图标,例如,用户写“可见性”(只是一个字符串),然后使用 <Muicon.Visibility /> 组件必须显示在另一个屏幕中。

问题是我不能做类似的事情

<Muicon.{userIcon} />
Run Code Online (Sandbox Code Playgroud)

有人能告诉我怎么做吗?我必须使用用户输入的字符串创建一个组件,有没有办法做到这一点?或者我需要不同的方法?

谢谢

icons reactjs react-native material-ui

0
推荐指数
1
解决办法
222
查看次数