prop在Electron app中输出警告

时间:2017-04-21 17:38:59

标签: reactjs redux

我正在尝试处理有关需要在NPM程序中包含prop-types包的新警告。我的应用程序是一个电子应用程序。

我认为我正在遵循React人员的迁移策略:https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html

反应版本-15.4.2,道具类型版本15.5.8,react-dom 15.42.2

但是,在添加prop-types包之后,我仍然收到警告。

这是组件(Dashboard.jsx)

const React = require('react')
const { Component } = require('react')
const {} = require('react-bootstrap')
import PropTypes from 'prop-types'
import { App, Title, Section, Header, Footer, Columns, Box, Button } from 'grommet'


export const Page = props => (
  <App>
    <Title>Dashboard Version 1.0, Node version: xxx</Title>
    <Section>Status Section
      <p>Status: {props.serverState}</p>
    </Section>
    <Section >{/*  colorIndex='neutral-1' */ }
      <Header>Controls</Header>
      <Columns>
        <Box pad='small'>
        <Button label='Install' onClick={props.installAct}></Button>
        </Box>
        <Box pad='small'>
        <Button label='UnInstall' onClick={props.uninstallAct}></Button>
        </Box>
        <Box pad='small'>
        <Button label='Start' onClick={props.startAct}></Button>
        </Box>
        <Box pad='small'>
        <Button label='Stop' onClick={props.stopAct}></Button>
        </Box>
      </Columns>
    </Section>
    <Section>
      <Header>Config</Header>
    </Section>
    <Section>
      <Header>Cleanup</Header>
    </Section>
    <Footer></Footer>
  </App>
)

这是主渲染过程(dash.js)

const { ipcRenderer, remote } = require('electron')
const { createStore } = require('redux')
const { composeWithDevTools } = require('redux-devtools-extension')
const { Page } = require('../jsxo/Dashboard.js')
const React = require('react');
const ReactDOM = require('react-dom')
const PropTypes = require('prop-types')
const Immutable = require('immutable')

document.addEventListener("DOMContentLoaded", render)



const page = React.createElement(Page, { serverState: 'UP', 
        installAct: () => alert('install'),
        uninstallAct: () => alert('uninstall'),
        startAct: () => alert('start'),
        stopAct: () => alert('stop') })


function render() {
    ReactDOM.render(page, document.getElementById('page'))
}

1 个答案:

答案 0 :(得分:1)

您使用的<int-jms:message-driven-channel-adapter>尚未更新到新的grommet版本,因此您将收到来自此库的警告,因为它使用了已弃用的react PropTypes模块。

在您的依赖项更新之前,您无能为力。

请注意,这已经是reported并且有一个拉取请求已打开。