var lang = {
en: {
word: "word"
},
ru: {
word: "слово"
}
fr: {
word: "la word"
}
var choosed = 'ru';
//по клику меняешь значение
$("select").on('change', function () {
choosed = $("select option:selected").val();
}
//функция возвращает слово
function ChoosedLanguge(lang,choosed, word ){
return lang[choosed][word]
}
// контент будет выглядеть так
<div id="fr" class="page">
ChoosedLanguge(lang,choosed, word )
</div>
<div id="en" class="page">
ChoosedLanguge(lang,choosed, word )
</div>
<div id="sp" class="page">
ChoosedLanguge(lang,choosed, word )
</div>handleClick() {
if (!this.state.active) {
// attach/remove event handler
document.addEventListener('click', this.handleOutsideClick, false);
} else {
document.removeEventListener('click', this.handleOutsideClick, false);
}
this.setState(prevState => ({
active: !prevState.active,
}));
}
handleOutsideClick(e) {
// ignore clicks on the component itself
console.log('EVENT handleOutsideClick ', e)
if (this.node.contains(e.target)) {
return;
}
this.handleClick();
}ref={node => { this.node = node; }}
<li className='notif_container' ref={node => { this.node = node; }}>
{this.button()}
</li>export default connect(
state => ({
data: state.globalR.controlR.transport_list,// имя пропс: ваш путь к значению в store
})
)(SelectList)import { Provider, connect} from 'react-redux'
import { bindActionCreators, applyMiddleware} from 'redux' //это для слушания необязательно(function(root, factory){ "use strict"; if(typeof cptable === "undefined") { if(typeof require !== "undefined"){
var cpt = require('cpt' + 'able'); <<--
на var cpt = cptable;.then((res)=>{
console.log (res.data) - это и есть ответ сервера
}onSignUp(user){
axios.post(`/profile`, user)
.then((res)=>{
console.log("AXIOS: " + res);
if(res.data == "все окей"){
alert('точняк')
document.location.href = 'urlafterautorization'
}
})
.catch((err)=>{
console.log("AXIOS: " + err);
});import React from "react";
import { Link } from 'react-router-dom'
export default class NavLink extends React.Component{
constructor(props) {
super(props);
}
render() {
let activeStyle;
let url = window.location.hash;
url = url.replace('#/','/')
if (url == this.props.to){
activeStyle = { opacity: 0.5 }
}
return <Link {...this.props} style={activeStyle} />
}
};{literal}
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Organization",
"name" : "...",
"url" : "..",
"sameAs" : [
"https://vk.com/..",
"https://www.facebook.com/..",
"https://www.instagram.com/...",
"https://plus.google.com/..."
]
}
</script>
{/literal}class SomeContextProvider extends React.Component {
getChildContext() {
return {some: "context"}
}
render() {
return React.Children.only(this.props.children)
}
}export let IconStarController = connect(
state => ({
fix : state.controlR.fix, // fix - название переменной в store, state.controlR.fix - путь к начальному значению
}),
dispatch => bindActionCreators({
fixation(){ // функция к которой обращаемся из компонента (класса)
return function(dispatch, getState){ //return, чтобы реакт не ругался, мол должно быть простым
console.log(store.getState()) //отсюда уже можно обращаться к store
}
},
}, dispatch)
)(IconStar)