如何仅导出一个函数（其他函数除外）并将其导入到其他文件中。
function messsageReceived(message) {
//print message
}
function readData(){
// reads data.
}
module.exports = mqtt_messsageReceived();
我想在其他文件中使用mqtt_messsageReceived 。
我正在尝试使用使用大量jQuery的布局/模板的项目。
我已经学会了将模板与ReactJS Project集成在一起，但是，我正在寻找一种可以完全替代jQuery的解决方案。
我的解决方案之一是在内部使用jQuery函数ComponentDidMount()或Render()React函数。
这种方法正确吗？这是正确的方法吗？
我在下面附上一个小例子：
import React, { Component } from 'react';
import '../stylesheets/commonstyles.css';
import '../stylesheets/bootstrap-sidebar.css';
import '../stylesheets/sidebar1.css';
import $ from 'jquery';
class NavBar extends Component {
constructor(props){
super(props);
this.openSidebar = this.openSidebar.bind(this);
}
openSidebar(){
console.log('hello sidebar');
}
componentWillMount(){
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
});
$('.search-btn').on("click", function () {
$('.search').toggleClass("search-open");
return false;
});
});
}
这是我的Render职能。
{/* <!--- SIDEBAR -------> */}
<div class="wrapper" style={{paddingTop:60}}>
{/* <!-- Sidebar Holder --> */ } …我正在尝试更改 redux 中 const 的状态。我正在尝试直接在要更改状态的组件中进行分派。分派后状态已更改，但是我返回一个对象。当我 Console.log 时，我得到 [Object][Object] ，在调用 dispatch 之前我用来获取状态的值。
这是我的商店。
import { createStore,applyMiddleware , compose } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';
//const initialState = {};
const middleware = [thunk];
const store = createStore(
rootReducer,
compose(
applyMiddleware(...middleware),
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
)
);
export default store;
这是我的主减速器。
import { combineReducers } from 'redux';
import sidebarReducer from './sidebarReducer';
export default combineReducers({
name : sidebarReducer
});
这是我的 CustomReducer ，我称之为 sidebarReducer。
import { TOGGLE_SIDEBAR } from '../actions/types';
let …