我在 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) 我对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) 我需要一些帮助来解决以下问题。我正在使用 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)
有人能告诉我怎么做吗?我必须使用用户输入的字符串创建一个组件,有没有办法做到这一点?或者我需要不同的方法?
谢谢