小编San*_*adi的帖子

我的布局像:

当我第一次按下TAB按钮时,我希望专注于公司名称Texfield,但是现在我专注于添加按钮我该如何管理它？

我试试代码

    ChangeFocus(mTextFieldCompanyName, mTextAreaAboutUs);
    ChangeFocus(mTextAreaAboutUs, mTextAreaContactUs);
    ChangeFocus(mTextAreaContactUs, mButtonVideo);
    ChangeFocus(mButtonVideo, mButtonImage);
    ChangeFocus(mButtonImage, mButtonSave);
    public void ChangeFocus(Control mControlFrom,final Control mControlTo)
    {

   mControlFrom.addEventHandler(KeyEvent.KEY_PRESSED, new EventHandler<KeyEvent>() {

         @Override
         public void handle(KeyEvent event)
         {
             if (event.getCode() == KeyCode.TAB)
             {
                System.out.println("TAB pressed");
                mControlTo.requestFocus();
                event.consume(); // do nothing
         }
       }
     });

     }

是否可以在运行时使用Angular从系统环境变量获取数据。如果是，我们该怎么做？

例如：假设我在环境变量中设置了一个值

那么有可能在运行时从系统环境变量获取角度吗？

我正在使用react-js-pagination。

我能够获取数据并可以显示数据列表。但我正在尝试使用react-js-pagination强制分页。我能够在按钮中显示分页栏，但无法获得功能。在这里，我试图每页显示 3 条记录。

用户界面

<div style={pannelFooter}>
    <Pagination
        activePage={this.state.activePage}
        itemsCountPerPage={3}
        totalItemsCount={this.state.projectList.length}
        pageRangeDisplayed={5}
        onChange={this.handlePageChange}
    />
</div>

方法

handlePageChange(pageNumber) {
    this.setState({ activePage: pageNumber });
}

构造函数

constructor(props) {
    super(props);

    this.state = {
        activePage: 1,
        projectList: [],
        originalProjectList: []
    };

    this.handlePageChange = this.handlePageChange.bind(this);
}

完整组件

import React, { Component } from 'react';
import ReactDOM from "react-dom";
import Pagination from "react-js-pagination";
import {
    BrowserRouter as Router,
    Route,
    IndexRoute,
    Link,
} from 'react-router-dom';

import ProjectDetails from './ProjectDetails';
import DashboardContainer …

我在 npm 安装时收到注册表错误。

npm ERR! code EPROTO
npm ERR! errno EPROTO
npm ERR! request to https://registry.npmjs.org/react failed, reason: write EPROTO 101057795:error:14077419:SSL routines:SSL23_GET_SERVER_HELLO:tlsv1 alert access denied:openssl\ssl\s23_clnt.c:802:
npm ERR!

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\badis\AppData\Roaming\npm-cache\_logs\2018-02-16T10_46_21_806Z-debug.log

我有一个反应应用程序。

我在组件路由方面遇到问题

索引.js

import React from "react";
import ReactDOM from "react-dom";

import App from './app';

ReactDOM.render(
  <App/>,
  document.getElementById("root")
);

应用程序.jsx

我在这里路由 2 组件。登录和主要组件。在主要组件中有许多路由器将用于仪表板。

我的问题：在<Switch>第一个<Route>可以渲染但如果我在 url 中硬编码，它不会从第二个路由器渲染

http://localhost:3000/#/login == 渲染

http://localhost:3000/#/main = 不渲染

import React, { Component } from 'react';
import {
    BrowserRouter as Router,
    Route,
    Link,
    Switch
} from 'react-router-dom';

import Login from './login';
import Main from './main';

import createBrowserHistory from 'history/createBrowserHistory';
const customHistory = createBrowserHistory();

class App extends Component {
    constructor(props) {
        super(props);

        window.token …