React-使用Javascript的组件 [英] React - Components using Javascript
本文介绍了React-使用Javascript的组件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图弄清楚如何响应警告,以使用javascript类在我的MERN应用中创建组件。
I am trying to figure out how to respond to the warning in react to use javascript classes to create components in my MERN app.
警告说:
Warning: Accessing createClass via the main React package is deprecated, and will be removed in React v16.0. Use a plain JavaScript class instead. If you're not yet ready to migrate, create-react-class v15.* is available on npm as a temporary, drop-in replacement. For more info see[ \[this link\][1]
该消息中的链接说:
// After (15.5)
var React = require('react');
var createReactClass = require('create-react-class');
var Component = createReactClass({
mixins: [MixinA],
render() {
return <Child />;
}
});
我正在使用React v 15.5.4
I am using react v 15.5.4
在我的应用程序中,我尝试如下更改组件:
In my app, I have tried to change my components as follows:
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'react-bootstrap';
var createReactClass = require('create-react-class');
var GreeterForm = createReactClass({
onFormSubmit: function(e) {
e.preventDefault();
但是,警告仍然存在,有人能看出我做错了什么吗,如何实现定义组件的新方法?
However, the warning persists. Can anyone see what I have done wrong? How do I implement the new approach to defining components?
推荐答案
这是我在React中创建类的方法:
This is what I would do to create a class in React:
import React, { Component } from 'react';
class GreeterForm extends Component {
onFormSubmit = (e) => {
e.preventDefault();
//do stuff
}
render() {
return (<Child onFormSubmit={this.onFormSubmit} />)
}
}
这篇关于React-使用Javascript的组件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文