小编cbl*_*bll的帖子

我有以下反应类,它通过浏览器获取地理位置.

我正在绘制传单地图.我想将地理定位作为setView的输入,以便地图"缩放"到客户端浏览器位置的区域.

这是反应类:

    import React from 'react';
    import L from 'leaflet';
    import countries from './countries.js'; 

    var Worldmap = React.createClass({

        render: function() {

            let geolocation = [];

            navigator.geolocation.getCurrentPosition(function(position) {
                let lat = position.coords.latitude;
                let lon = position.coords.longitude;
                geolocation.push(lat, lon);
                locationCode()
            });

            function locationCode() {
                if(geolocation.length <= 0)
                    geolocation.push(0, 0);
            }


            let map = L.map('leafletmap').setView(geolocation, 3);

            L.geoJSON(countries, {
                style: function(feature) {
                    return {
                        fillColor: "#FFBB78",
                        fillOpacity: 0.6,
                        stroke: true,
                        color: "black",
                        weight: 2
                    };
                }
            }).bindPopup(function(layer) {
                return layer.feature.properties.name;
            }).addTo(map);

            return ( …

按照有关如何设置 gRPC 网关的文档，我发现自己陷入了生成 grpc 网关的第四步。

也就是说，当添加以下行时，事情就会崩溃：

import "google/api/annotations.proto";

该文档说了You will need to provide the required third party protobuf files to the protoc compiler- 但实际上并没有说明如何做到这一点。

如何添加google/api/annotations.proto为依赖项？

我正在尝试为.png/.ttf加载添加查询,因为在升级到webpack 2之后,webpack会在编译时给出关于弃用的警告.

这是我的配置.如何正确添加照片和字体的查询？

const ExtractTextPlugin = require("extract-text-webpack-plugin");

var webpack = require("webpack");

module.exports = {
    entry: {
        dashboard: './js/main.js',
        vendor: ["fixed-data-table","react","react-dom","jquery", "bootstrap", "vis"],
    },
    output: { path: "../public", filename: 'bundle.js' },

    plugins: [
        new webpack.optimize.CommonsChunkPlugin({name: "vendor", filename: "static/vendor.bundle.js"}),
        new ExtractTextPlugin("/static/[name].css"),
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        }),
    ],

    module: {
        loaders: [
            {
                test: /.js?$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: [
                        'es2015', 'react', 'stage-0',
                    ],

            }
            },
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader'}),
            },
            {
                test: …

不知道在哪里寻找此错误.

使用带有React的Typescript,以及用于单元测试的Jest和Enzyme.

Package.json示例:

"scripts": {
    "start": "node server.js",
    "bundle": "cross-env NODE_ENV=production webpack -p",
    "test": "jest"
  },
  "jest": {
    "transform": {
      "^.+\\.tsx?$": "<rootDir>/node_modules/ts-jest/preprocessor.js"
    },
    "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "json"
    ]
  }

运行npm测试结果:

FAIL src/components/Component.test.tsx

 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){<?xml version="1.0" encoding="UTF-8"?>
                                                                                             ^

    SyntaxError: Unexpected token <

编辑:它似乎发生在我require用来加载静态.svg文件的第一个地方.为什么不能处理呢？有没有办法在使用require时忽略抛出此错误？

我按照指南在Spring Boot中启用了https.该应用程序预先在https:// localhost:8080上工作

我创建了一个keystore.jks与my相同的目录application.properties,现在看起来像:

# Define a custom port instead of the default 8080
server.port = 8444
# Tell Spring Security (if used) to require requests over HTTPS
security.require-ssl=true
# The format used for the keystore
server.ssl.key-store-type:PKCS12
# The path to the keystore containing the certificate
server.ssl.key-store=keystore.p12
# The password used to generate the certificate
server.ssl.key-store-password=<somepassword>
# The alias mapped to the certificate
server.ssl.key-alias=tomcat

现在,如果我运行main方法来启动spring boot应用程序,它会抛出:

Description:

The Tomcat connector configured to listen on port …

这个警告在运行时被打印~20次webpack- 它处理和捆绑很好,但它是什么意思？我怎么摆脱它？

谷歌周围提供很少甚至没有帮助.

这是我的webpack配置:

const ExtractTextPlugin = require("extract-text-webpack-plugin");

var webpack = require("webpack");

module.exports = {
    entry: {
        dashboard: './js/main.js',
        vendor: ["fixed-data-table","react","react-dom","jquery", "bootstrap", "vis",],
    },
    output: { path: "../public", filename: 'bundle.js' },

    plugins: [
        new webpack.optimize.CommonsChunkPlugin({name: "vendor", filename: "static/vendor.bundle.js"}),
        new ExtractTextPlugin("/static/[name].css"),
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        }),
    ],

    module: {
        loaders: [
            {
                test: /.js?$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: [
                        'es2015', 'react', 'stage-0',
                    ],

            }
            },
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader'}), …

我已经采取行动了。我希望它foo按计划在分支上运行（在我的例子中，每天两次）。

这是我到目前为止所得到的：

repo/.github/workflows/daily-foo-tests.yml

name: Run integration tests on foo branch twice a day
on:
  schedule:
    # Execute at 00:01 and 13:01 UTC daily
    - cron:  '00 01,13 * * *'

jobs:
  build:
    name: Run UI Automation
    runs-on: [self-hosted, macOS, X64]
    steps:
      - uses: actions/checkout@v2
      - name: dotnet build
        with: { ref: foo }
        // continues to do stuff, not important

目前，该行动已推送至该foo分支机构。然而，转到github.com/org/repo/actions，它不会触发（我已经等了 24 小时了；此时它应该已经做了一些事情）。

在指定分支上触发计划的 github 操作工作流程的正确方法是什么？

我有一个 React 组件，它将根据来自 Ajax 调用的数据呈现一个表。可能只有一行数据，也可能最多有 N 行（数量不多，但有限制）。

使用react-bootstrap，我将如何根据我从中获得的数据创建一个表this.state.data？

这render是该课程的一些示例代码。我将如何根据数组的长度填充单个单元格？

该数组包含我希望填充的每一行的对象，数据对应于Name和Address以及Age（只是一个示例）。我如何<td>用正确的数量填充's ？它可能是从 1 到 N 的任何地方。

render : function () {


        let personArray = []; // Array containing objects that each match the three columns I wish to populate. 


        for(let i = 0; i < personArray.length; i++){
            console.log(personArray[i]); // Prints correctly each object with three value key pairs inside
        }

        const popoverLeft = (

            <Popover id="popover-positioned-left" title="Country …

这是我的webpack.config.js

"use strict";

module.exports = {
    entry: ['./main.js'],
    output: { path: __dirname, filename: 'bundle.js' },
    module: {
        loaders: [
            {
                test: /.js?$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: ['es2015', 'react']
                }
            },
            {test: /\.json$/, loader: "json"},
        ]
    },
    externals: {
        React: 'react',
    },
    target: "node",
};

和Main.js

import React from 'react';
import ReactDOM from 'react-dom';
import {Table, Column, Cell} from 'fixed-data-table';
import Chart from 'chartjs';
import jQuery from 'jquery';
import vis from 'vis';
import babel from 'babel-core'; …

我有一个带有一些输入字段的模式。我可以轻松地在用户键入输入时自动传递数据，使用onChange输入字段中的函数，如

<Input onChange={this.props.store.handleCategoryChange} type="text" />

和..（使用 mobx 商店，虽然无关紧要）

@observable categoryValue;
@action handleCategoryChange = (e, data) => {
    this.categoryValue = data.value;
    e.preventDefault();
};

但是，我想添加一个功能，用户可以在该功能中使用应用程序中其他地方的信息预先填充它。我有用于预填充输入字段的数据，但我无法弄清楚如何在没有用户执行的情况下以编程方式实际输入它？

我需要调用上面的handleCategoryChange函数。但是我的变量将等于data.value.. 这提出了一个问题！自己调用这个函数是不可能的，因为我不会有事件e或值被调用，data.value因为我会“只是”自己传递一个变量。

在 React 中使用其他地方的变量以编程方式自动填充输入字段的正确方法是什么？我需要以onChange某种方式调用该函数，但输入值会有所不同..