ребят подскажите пожалуйста что я не так делаю почему я не могу прокинуть данные изначально в первое приложение? const total = {name: "vitaliy"}; ReactDOM.render(<App value = {total}/>, document.getElementById('root')); registerServiceWorker(); class App extends Component { let name = this.props.name; render() { return ( <div > {name}; </div> ); } } export default App;

поменяй местами строчки с let name и render()

class App extends Component { render() { let name = this.props.value.name; return ( <div > {name}; </div> ); } } export default App;

так тоже не идет

class App extends Component { render() { let name = this.props.value.name; return ( <div > {name}; </div> ); } } export default App;

точка с запятой не нужна внутри jsx то есть, то что внутри {} это код а то, что внутри <div> тегов это текст

class App extends Component { render() { let name = this.props.value.name; return ( <div > {name}; </div> ); } } export default App;

тебе бы подучить жс

на codesandbox залей пример

@uryahnik

class App extends Component { render() { let name = this.props.value.name; return ( <div > {name}; </div> ); } } export default App;

раз ты передаешь value так вытаскивай value const name = this.props.value

пример можно

const initState = (state) => ({ type: "INIT_STATE", payload: state, }); const init = () => (dispatch) => { axios.get(/* */).then(({ data }) => dispatch(initState(data))); }; const reducer = (state = {}, action) => { switch (action.type) { case "INIT_STATE": return action.payload; default: return state; } }; const store = createStore(reducer); const App = connect( null, { init }, )( class App extends React.Component { componentDidMount() { init(); } render() { /// } }, ); ReactDOM.render( <Provider store={store}> <App /> </Provider>, ); написал на коленке, не проверял

я не могу на прямую вытаскивать дальше? только то что передал, тоесть дальше в обьект я не могу лезть в пропсе?

const initState = (state) => ({ type: "INIT_STATE", payload: state, }); const init = () => (dispatch) => { axios.get(/* */).then(({ data }) => dispatch(initState(data))); }; const reducer = (state = {}, action) => { switch (action.type) { case "INIT_STATE": return action.payload; default: return state; } }; const store = createStore(reducer); const App = connect( null, { init }, )( class App extends React.Component { componentDidMount() { init(); } render() { /// } }, ); ReactDOM.render( <Provider store={store}> <App /> </Provider>, ); написал на коленке, не проверял

закинь на гист

const initState = (state) => ({ type: "INIT_STATE", payload: state, }); const init = () => (dispatch) => { axios.get(/* */).then(({ data }) => dispatch(initState(data))); }; const reducer = (state = {}, action) => { switch (action.type) { case "INIT_STATE": return action.payload; default: return state; } }; const store = createStore(reducer); const App = connect( null, { init }, )( class App extends React.Component { componentDidMount() { init(); } render() { /// } }, ); ReactDOM.render( <Provider store={store}> <App /> </Provider>, ); написал на коленке, не проверял

госпаде спасибо, этого достаточно, я все равно сам руками напишу

Братюнь, ты нашел что искал?)

госпаде спасибо, этого достаточно, я все равно сам руками напишу

а, redux-thunk в примере подрубить забыл, это нагуглишь, короче)

ага thank u

let value = this.props.value render() { return ( <div > {value.name}; </div> ); } } export default App;

Братюнь, ты нашел что искал?)

https://github.com/thehyve/react-select-checked/blob/master/README.md

Найти то нашел, но в итоге не понадобилось, и даж не попробовал

https://github.com/thehyve/react-select-checked/blob/master/README.md

спасибо, попробуем)

Здравствуйте, тут могут посоветовать самоучитель по реакту? А то решил научиться, надеюсь тут не бьют тех кто в нем не разбирается.)

let value = this.props.value render() { return ( <div > {value.name}; </div> ); } } export default App;

const { value } = this.props

Здравствуйте, тут могут посоветовать самоучитель по реакту? А то решил научиться, надеюсь тут не бьют тех кто в нем не разбирается.)

Вот на русском есть ресурс https://learn-reactjs.ru/home, но лучше всегда официальная дока

Спасибо!

let value = this.props.value render() { return ( <div > {value.name}; </div> ); } } export default App;

Поменяй местами 2 верхние строчки

let value = this.props.value render() { return ( <div > {value.name}; </div> ); } } export default App;

иди учить жс

Вот на русском есть ресурс https://learn-reactjs.ru/home, но лучше всегда официальная дока

спасибо)

Че ребзи, как думаете в этом году будет уже 17 версия? И будет ли в ней асинк рендер ?

я скорее cra 2 жду

иди учить жс

спасибо за совет, за знаки в jsx я понял что не верно проставил, хорошо, а при чем "пропсы" и как правильно их передавать, к Вашему совету учить сам JS ?

спасибо за совет, за знаки в jsx я понял что не верно проставил, хорошо, а при чем "пропсы" и как правильно их передавать, к Вашему совету учить сам JS ?

притом, что жсх это сахар для обычного жс

Деструктуризацию хотя выучи

И вообще ток const

Вообще забыл уже когда let юзал

const { value } = this.props

const { value: { name } } = this.props :)

const { value: { name } } = this.props :)

Нет

value.?name

value.?name

Єто тут причем

Ну он же там name хочет вытащить

А вдруг его нет

lodash/get

Или я не понял о чем вы там изначально говорили

lodash/get

Нет

Или я не понял о чем вы там изначально говорили

Нет, ты не о том

lodash это больно

мне нравится идея .? но пока не доедет до stage-3 — нафиг

почему лодаш больно?

лодаш это гуд

Особенно когда его весь тащат

лодаш — это вынужденная необходимость из-за полупустой стандартной библиотеки жса

+ многое уже есть в нативе

лодаш — это вынужденная необходимость из-за полупустой стандартной библиотеки жса

ramda

ramda

+

ramda

сорян, но лодашевский гет как-то попроще этих диких линз

// мимохаскеллист, если что

Особенно когда его весь тащат

он весь не тащится уже хуй знает сколько

в конце концов, когда подключил несколько библиотек, лодаш уже наверняка есть в node_modules а рамдой, кажется, никто из библиотекоделов особо и не пользуется

кто нить юзает mobx и redux на одном проекте?

но зачем

есть идейки)

mobx для models фич, а redux оставить прям совсем для глобал вещей, ну это мысли пока, возможно спать пора)

не сбилдили нормально

ERROR: S client not available

то есть просто колхозники?

help me pls

react , fetch делаю пост запрос

а мне это

код: fetch('http://localhost:51311/api/orders', { method: 'POST', headers: { 'Content-Type': 'application/json;charset=utf8', 'Accept': 'application/json', }, body: JSON.stringify(order), mode: 'no-cors' })

код: fetch('http://localhost:51311/api/orders', { method: 'POST', headers: { 'Content-Type': 'application/json;charset=utf8', 'Accept': 'application/json', }, body: JSON.stringify(order), mode: 'no-cors' })

кидай код не тут

sec

А что такое?

А что такое?

реакт собран в дебаг-режиме

https://pastebin.com/qxPChjVX method postOrder(order) - 109 line

запрос делается с того же домена, на каком api лежит?

нет

нет

значит на сервере попробуй выставь заголовок Access-Control-Allow-Origin: *

пробовал

415 мне возращает 415 (unsupported media type)

пробовал

https://developer.mozilla.org/ru/docs/Web/HTTP/Status/415 - возможно проблема с сервером, он не кушает то что ты ему пытаешься отправить?

я так же тестировал через расширение rest api

все работало

и в таком же формате отправлял

415 мне возращает 415 (unsupported media type)

что в заголовках запроса? Content-Type, что в теле? Нет ли каких то Chrome расширений, которые могут влиять на трафик? Попробуй в режиме инкогнито

там только было в headers : 'Content-Type': 'application/json'

залил на azure через расширение все отлично сейчас изменю в коде путь и попробую

@niQ1998 можешь показать заголовки запроса и тело, которые ты делаешь в браузере?

да

сейчас