小编ih8*_*FED的帖子

React-Leaflet:尽管 Redux 存储中的颜色值更新,但折线不会改变颜色

我已经设置了一个包含十六进制颜色代码的 Redux 存储。我计划实现一个功能,用户可以选择线条显示的颜色。但是,当我使用选择器更新折线的颜色属性时,地图上的线本身不会改变颜色。我已经验证 redux 商店工作正常。

const DashboardLineAnimation: React.FC<Props> = (): ReactElement => {

    const [start, setStart] = useState([0, 0]);
    const [end, setEnd] = useState([45, 45]);

    return (
        <div>
            <input onChange={() => {setStart([start[0] + 10, start[1] + 10])}}></input>
            <Polyline color={useSelector((state: RootState): string => state.attackMap.options.color.hex)} positions={[start as LatLngTuple, end as LatLngTuple]} />
        </div>
    );
};
Run Code Online (Sandbox Code Playgroud)

leaflet reactjs react-redux react-leaflet

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

标签 统计

leaflet ×1

react-leaflet ×1

react-redux ×1

reactjs ×1