我有代码只有在导入React之后才能工作,但我没有在任何地方使用React而是使用reactDom
import ReactDOM from 'react-dom'
import React, {Component} from 'react'
class App extends Component {
render () {
return (
<div>comp </div>
)
}
}
//ReactDOM.render(<App/>, document.getElementById('root'))
ReactDOM.render(<div>sv</div>, document.getElementById('root'))
Run Code Online (Sandbox Code Playgroud)
为什么要求导入React?
我正在使用React Redux创建简单的应用程序.我想使用装饰器在我的组件中注入一些方法..我在其他项目中看到类似的代码:
import React, { Component } from 'react';
import { connect } from 'react-redux';
@creatable
export default class BookDetails extends Component {
render() {
console.log(this.props);
if (!this.props.Activebook) {
return <div> please select book</div>
}
return (
<div>{this.props.Activebook.title}</div>
);
}
}
function creatable() {
return Create => {
@connect(state=>({Activebook : state.ActiveBook}))
class MyDecorator extends Component {
render() {
console.log('>>>>>>>>>>>>>');
console.log(this.props);
console.log('>>>>>>>>>>>>>');
return (
<div>
<Create
{...this.props}
/>
</div>
)
}
}
return MyDecorator;
}
}
Run Code Online (Sandbox Code Playgroud)
不幸的是,上面的代码不起作用.为什么?
我正在建立一个应用程序,我在其中一个锅炉板项目中找到了一条线.
(state = {}) => state
Run Code Online (Sandbox Code Playgroud)
任何人都可以向我解释上述行的含义是什么?这是javascript ES6标准.
我正在研究使用React Redux构建的应用程序.在代码中,有一个这样的语句:
import * as test from 'util/test'
Run Code Online (Sandbox Code Playgroud)
我知道这样的陈述:
import test from 'util/test'
Run Code Online (Sandbox Code Playgroud)
这样的陈述:
import {test} from 'util/test'
Run Code Online (Sandbox Code Playgroud)
但*对我来说是新的.
任何人都可以向我解释这种语法的含义及其工作原理吗?
ecmascript-6 ×3
reactjs ×3
javascript ×2
decorator ×1
es6-modules ×1
node.js ×1
react-jsx ×1
redux ×1