Função de validação React Bootstrap e React.PropTypes

9

Eu tenho um aplicativo Rails 5 no qual instalei browserify e react-rails . Eu sou capaz de carregar componentes e instalar pacotes usando npm . O console do navegador ao carregar alguns pacotes externos, ou seja, react-bootstrap components é preenchido com 'Aviso: Você está chamando manualmente uma função de validação React.PropTypes para ....' para cada único suporte disponível em um componente.

Procurei em todos os lugares, mas não entendo como corrigir esses avisos. Perguntas semelhantes foram feitas aqui , mas isso não parece ter uma resposta aplicável ao meu problema.

Aqui estão meus arquivos:

package.json

{
  "name": "myapp",
  "version": "1.0.0",
  "dependencies": {
    "bootstrap": "^3.3.7",
    "browserify": "^13.1.0",
    "browserify-incremental": "^3.0.1",
    "fetch": "^1.1.0",
    "jquery": "^3.1.1",
    "jquery-ui": "^1.12.1",
    "jquery-ujs": "^1.2.2",
    "react": "^15.3.2",
    "react-bootstrap": "^0.30.4",
    "react-dom": "^15.3.2",
    "reactify": "^1.1.1",
    "sweetalert-react": "^0.4.4"
  }
}

application.js

//= require_self
//= require react-server
//= require react_ujs


window.$ = window.jQuery = global.$ = require('jquery');
var React = window.React = global.React = require('react');
var ReactDOM= window.ReactDOM = global.ReactDOM = require('react-dom');
require( 'jquery-ujs' );
require( 'jquery-ui' );
require( 'bootstrap' );
require( 'react-bootstrap' );
require( 'fetch' );
require( './components' );

components.js

var app = window.app = global.app = {};

// Component::Manifest
var AdminDashboard = require( 'components/dashboards/admin' );

app.AdminDashboard = AdminDashboard

admin.js.jsx

var ButtonToolbar = require('react-bootstrap').ButtonToolbar;
var Button = require('react-bootstrap').Button;
var Admin = React.createClass({

  handleClick(){
    alert('This was clicked');
  },


  render: function() {

    return (
      <ButtonToolbar bsClass="btn-group">
        <Button active={true} bsStyle="primary" onClick={this.handleClick}>Primary</Button>
      </ButtonToolbar>
  );
  }
});

module.exports = Admin;

Como posso me livrar desse aviso se ele estiver relacionado a um pacote externo e seus componentes?

    
por Herm 02.10.2016 в 15:03
fonte

2 respostas

1

Isso pode ajudar - link . Basicamente, a biblioteca que você está usando react-bootstrap pode estar usando PropTypes de uma forma que não é suportada pelo React.

    
por user1200514 10.12.2016 / 18:11
fonte
1

Atualizar o boot-boot deve corrigir esse problema. Parece que eles corrigiram isso em junho

Você pode alterar seu pacote.json para "react-bootstrap": "^0.31.0" e ver se isso funciona

    
por nAv 25.07.2017 / 19:50
fonte