Я немного не понимаю как Node js, функцию сделать асинхронной?
const asyncFn = () => new Promise((resolve, reject) => {
// do some async call and resolve or reject
});
const delay = duration => new Promise(res => setTimeout(res, duration));
delay(200).then(() => {
// do something after delay
});
const asyncFn = async () => {
// do something with awaiting async call result or not
// and return result or not
});
const getSomeData = async () => {
const result = await someAsyncCall();
return someOtherAsyncCall(result);
};
const asyncFn = cb => {
// do some async call and call cb
}
const delay = (duration, cb) => setTimeout(cb, duration));
delay(200, () => {
// do something after delay
});
как определить функция которую вызываю она синхронная или асинхронная ?
cookie.set('token', token);
dispatch(setToken(token)); // если не используете Redux, тут будет this.setState
axios.defaults.headers.common.Authorization = `Bearer ${token}`;
const token = cookie.get('token');
if (token) {
dispatch(setToken(token));
axios.defaults.headers.common.Authorization = `Bearer ${token}`;
// other actions
}
dispatch(deleteToken());
cookie.erase('token');
delete axios.defaults.headers.common.Authorization;
store.dispatch(init()); // тут
const root = (
<Provider store={store}>
<BrowserRouter>
<App />
</BrowserRouter>
</Provider>
);
ReactDom.render(root, document.getElementById('root'));
document.body.classList.add('someClass');
constructor(props) {
super(props);
this.state = {text: 'hello world'};
this.handleChange = this.handleChange.bind(this);
}
class App extends React.Component {
// ...
hanldeCHange = e => {
this.setState({
text: e.target.value,
});
// ...
}
<input onChange={this.handleChange} />
class App extends React.Component {
// ...
hanldeCHange = e => {
this.setState({
text: e.target.value,
});
// ...
}
Просто я думаю если выполнить npm старт и скопировать build.js который вернется в index.html и запустить это в том же nginx с переадресацией маршрутов в index.html - то не получится то, что я планирую?
при использовании модульности css файлов в компоненте возникают проблемы при обращении в JS к нужному классу.
class Example extends React.Component {
state = {
shouldShowMenu: false,
};
handleToggleMenuClick = () => {
this.setState(state => ({
shouldShowMenu: !state.shouldShowMenu,
}));
};
render() {
const { shouldShowMenu } = this.state;
return (
<div>
<button onClick={this.handleToggleMenuClick}>Toggle menu</button>
{shouldShowMenu && <Menu />}
</div>
);
}
}
export default function reducer(state = {}, action) {
import search from "./search-reducer";
const initialState = {
value: "",
works: [],
};
export default function search(state = initialState, action) {
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
function isValid(value) {
return !isNaN(value) && value >= 0 && value <= 255;
}
function getColorNumberValue(message) {
let value = +prompt(message, 255);
while(!isValid(value)) {
value = +prompt('Вы ввели некорректное значение. ' + message, 255);
}
return value;
}
const red = getColorNumberValue('Введите насыщенность красного в виде числа от 0 до 255');
const green = getColorNumberValue('Введите насыщенность зеленого в виде числа от 0 до 255');
const blue = getColorNumberValue('Введите насыщенность синего в виде числа от 0 до 255');
alert(`Результат: rgb(${red}, ${green}, ${blue})`);
import React, { useState, useCallback } from 'react';
import { Icon, Hint } from '../some-place';
const Example = () => {
const [shouldShowHint, setShouldShowHint] = useState(false);
const onMouseEnter = () => useCallback({
setShouldShowHint(true);
}, []);
const onMouseLeave = useCallback(() => {
setShouldShowHint(false);
}, []);
return (
<div
onMouseEnter={onMouseEnter}
onMouseLeave={onMouseLeave}
>
<Icon />
{shouldShowHint && <Hint />}
</div>
);
};
const initialState = {
tip: null,
isFetching: false,
errors: {},
};
case FETCH_VIDEO_TIP_FAILED:
return {
...state,
isFetching: false,
errors {
[payload.slug]: payload.error,
},
};
const mapStateToProps = (state, ownProps) => ({
error: state.videotips.errors[ownProps.match.params.slug],
});
const mapStateToProps = (state) => ({
error: state.videotips.errors.homepage,
});
{items.map(item => (
<CardImg key={item.picture} top width="100%" src={item.picture} alt={item.imgalt} />
))}