小编Mur*_*ati的帖子

如何更改mapbox中的语言

我需要在 javascript 中更改地图框的语言,我只在文档中看到以下代码

map.setLayoutProperty('country-label', 'text-field', ['get', 'name_de'])
Run Code Online (Sandbox Code Playgroud)

但这行代码只会更改国家/地区名称,但我需要一切(城市、城镇等)

javascript mapbox reactjs mapbox-gl-js

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

如何从react-leaflet Marker传递和获取额外的数据/值?

我正在使用反应传单向地图添加一组标记。目前我可以使用自定义图标在地图上显示标记。如何向每个标记添加数据记录。我想我必须以某种方式创建一个自定义标记类?现在有人知道我如何向每个标记或至少一个索引添加数据记录吗?

这是到目前为止的代码:

import React, { Component } from 'react';
import { Map, TileLayer, Marker }  from 'react-leaflet';
import {Navbar, Nav, NavDropdown}  from 'react-bootstrap';
import L from 'leaflet';
import './App.css';

class App extends Component {

  constructor(props) {
    super(props);
    this.state = {
      location: {
        lat: -41.2728,
        lng: 173.2995,
      },
      zoom: 8,
      markersData: [],
      fault: {},
      layers: [],
      bounds: {},
      icon: null
    }
  }

  componentDidMount() {
    // Call our fetch function below once the component mounts
    this.callBackendAPI()
    .catch(err => console.log(err));
  }

  componentDidUpdate() { …
Run Code Online (Sandbox Code Playgroud)

leaflet reactjs react-leaflet

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

如何在android中获得接下来的七天?

在我的应用程序中,我需要从当天开始的七天.我尝试了以下解决方案,但它正在跳过几天.

Calendar calendar = new GregorianCalendar();
SimpleDateFormat sdf = new SimpleDateFormat("EEEE dd-MMM-yyyy");
for (int i = 0; i < 7; i++) {
    calendar.add(Calendar.DATE, i);
    String day = sdf.format(calendar.getTime());
    Log.i(TAG, day);
}
Run Code Online (Sandbox Code Playgroud)

我得到以下输出:

Sunday 18-Oct-2015
Monday 19-Oct-2015
Wednesday 21-Oct-2015
Saturday 24-Oct-2015
Wednesday 28-Oct-2015
Monday 02-Nov-2015
Sunday 08-Nov-2015
Run Code Online (Sandbox Code Playgroud)

我也试过Calendar.DAY_OF_WEEK,Calendar.DAY_OF_MONTH,Calendar.DAY_OF_YEAR而不是Calendar.DATE但得到相同的输出.

java android calendar date simpledateformat

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

--allow-unrelated-histories 标志的后果

情况如下:

  • 我克隆了一个大型正在进行的项目存储库说RepoA
  • 将没有文件夹的所有文件复制.git到新文件夹RepoB
  • 在 RepoB 中添加git init并添加了不同的遥控器
  • 我致力于RepoB并将许多提交推送到远程
  • 他们还向 RepoA 推送了许多承诺

现在,我想将我的工作与他们的存储库合并。这就是我在 中所做的RepoA

git checkout develop  
git remote add repoBOrigin https://www.cloud.com/repoB.git   
git fetch repoBOrigin aBranchOfRepoB // all of the work is in this branch  
git merge repoBOrigin/aBranchOfRepoB  
Run Code Online (Sandbox Code Playgroud)

我得到了这个错误:fatal: refusing to merge unrelated histories

我在 stackoverflow 上查找了这个问题,发现可以通过使用--allow-unrelated-historiesflag 来解决这个问题,但这会附带一个警告,表明应该在极少数情况下使用它。

现在,我真正关心的是这个标志会导致什么后果/问题。RepoA 的 git 历史将如何形成?

没有人解释合并不相关历史的后果。由于该项目规模相当大,因此在将任何愚蠢的内容推送到他们的仓库之前我必须非常小心。

git git-merge

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

将反应组件传递给传单弹出窗口

我在我的反应代码中使用了传单,我没有使用反应传单。我想将反应组件或 jsx 代码传递给 binbPopup 函数到每个工具提示。

let marker = new L.marker(...).bindPopup(<div>Hi</div>)
Run Code Online (Sandbox Code Playgroud)

bindPopup 获取字符串作为输入,所以我不能使用 jsx。我也尝试使用反应门户,但仍然无法正常工作。这个问题的解决方案是什么?

leaflet reactjs

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

如何在ECharts中的圆环图中心显示文本?

我想在圆环图的中心显示所有数据值的总和,而不使用 x 轴和 y 轴。对于甜甜圈图,我将此用作参考https://echarts.apache.org/examples/zh/editor.html?c=pie-doughnut

如下代码所示,chartvalueData两者nameoflabels都是动态生成的。

this.chartData = {
          tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b}: {c} ({d}%)"
          },
          legend: {
            orient: 'vertical',
            x: 'left',
            data: nameoflabels,
            bottom: 20
          }
          series: [
            {
              name: 'Title',
              type: 'pie',
              radius: ['50%', '70%'],
              avoidLabelOverlap: false,
              label: {
                normal: {
                  textStyle: {
                    fontWeight: 'bold'
                  }
                },
                emphasis: {
                  textStyle: {
                    fontWeight: 'bold'
                  }
                }
              },
              labelLine: {
                normal: {
                  show: true
                }
              },
              data: chartvalueData,
              color: ['lightblue', 'orange','lightcoral','plum']
            } …
Run Code Online (Sandbox Code Playgroud)

echarts angular

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

可以更改 react-select (ReactJS) 上的字体颜色吗?

我有一个按钮,单击该按钮时,所有内容都是透明的。

是否可以手动设置文本颜色?不是背景色!

查看我的“选择”

我希望字体上的黑色不透明。

我的代码:

import React from 'react';
import DatePicker from "react-datepicker";
import Select from 'react-select';

import "react-datepicker/dist/react-datepicker.css";
import 'react-datepicker/dist/react-datepicker-cssmodules.css';

const options = [
    { value: 'chocolate', label: 'Chocolate' },
    { value: 'strawberry', label: 'Strawberry' },
    { value: 'vanilla', label: 'Vanilla' },
];



class Test extends React.Component {

    state = {
        startDate: new Date(),
        selectedOption: null,
    }

    constructor() {
        super();

        this.state = {

        };
    }

    handleChange = date => {
        this.setState({
            startDate: date
        });
    };

    handleChange = selectedOption => { …
Run Code Online (Sandbox Code Playgroud)

reactjs react-select

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

如何获取反应表中单击单元格的行索引?

你好,我正在使用 React Table。这是我的演示沙箱 - https://codesandbox.io/embed/vq60okkz20?codemirror=1

我想获取单击的单元格 div 的行索引。我有两列,其中的单元格有一个可点击的 div。我想获取这些单元格的行索引

javascript reactjs react-table

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

如何在 Yup 异步验证中设置动态错误消息?

我正在使用 Yup 的.test()方法在 Formik 中尝试异步验证,并且需要设置我从 API 获得的错误消息。根据后端的某些条件,错误消息会有所不同。

尝试了这里提到的几个解决方案
https://github.com/jquense/yup/issues/222使用 Yup 和 Typescript 的动态验证消息

但是是的,抛出了test().

文档说

所有测试都必须提供名称、错误消息和必须返回 true 或 false 或 ValidationError 的验证函数。使测试异步返回一个可解决 true 或 false 或 ValidationError 的承诺。

我正在解决带有错误消息的新 ValidationError 但它仍然会引发默认错误。

这是代码。

const schema = Yup.object().shape({
  email: Yup.string().test(
    "email_async_validation",
    "Email Validation Error", // YUP always throws this error
    value => {
      return new Promise((resolve, reject) => {
        emailValidationApi(value)
          .then(res => {
            const { message } = res.data; // I want this error message to …
Run Code Online (Sandbox Code Playgroud)

reactjs yup formik

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