MS
<Film key={arr.href} data={arr} />
Size: a a a
2018 January 26
KO
сейчас попробую, спасибо за помощь)
MS
думаю не надо писать так this.state.date = this.props.data
MS
Деструктуризируй из this.props.data
KO
ошибка ушла, большое спасибо! Из этого может получиться что то плохое? На самом деле, я не помню, зачем я так написал, но мне нужно было состояние, что бы при клике на ссылке, блок переписывался на новый фильм по которому кликнули кнопкой
KO
вспомнил, зачем я это сделал, что бы при seState прорисовка прошла по state а не props
ЮЧ
ошибка ушла, большое спасибо! Из этого может получиться что то плохое? На самом деле, я не помню, зачем я так написал, но мне нужно было состояние, что бы при клике на ссылке, блок переписывался на новый фильм по которому кликнули кнопкой
Упс. Думал, что речь идет про key.
MS
вспомнил, зачем я это сделал, что бы при seState прорисовка прошла по state а не props
У тебя уже свалились пропс из parent компонента. И, если не было ничего в shoudComponentUpdate, то компонент начинает рендериться. И еще такое присваивание в state не генерит никаких событий.
MS
Короче, это лишняя операция, которая ничего не означает. Просто присваивание
KO
Я просто еще совсем начинающий, многого не понимаю и делаю на свой лад, в частности, вот как я решил это сделать, через onclick ссылок, связать компонент и ссылку, через bind закрепить id ссылок, далее, в объект написанный мной, передать callback из компонента, который вернет новый state и передаст его в setState
KO
но я далеко сомневаюсь, что так правильно делать
2018 February 12
DP
Всем привет. Решил создать приложение на react+redux, npm ругается на символ <. Все модули переустанавливал, получается то же самое.
DP
ERROR in ./index.js
Module build failed: SyntaxError: C:/Users/Dell/Desktop/tratata/index.js: Unexpected token (12:1)
10 |
11 | ReactDOM.render(
> 12 | <Provider store = {store}>
| ^
13 | <App />
14 | </Provider>,
15 | document.getElementById('root')
Module build failed: SyntaxError: C:/Users/Dell/Desktop/tratata/index.js: Unexpected token (12:1)
10 |
11 | ReactDOM.render(
> 12 | <Provider store = {store}>
| ^
13 | <App />
14 | </Provider>,
15 | document.getElementById('root')
DP
Никак не могу понять, почему ругается на < в 12 строке
ЮЧ
Никак не могу понять, почему ругается на < в 12 строке
А покажи, как webpack настроен?
MS
Привет, покажи .babelrc
KO
Тег у вас не парный? Ели нет, то надо написать <Provider store = {store}/>
PK
Dmitriy нужно .babelrc правильно настроить и в webpack включить babel-loader
DP
var path = require('path');
module.exports = {
entry: './index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [{
test: /\.js$/, // запустим загрузчик во всех файлах .js
exclude: /node_modules/, // проигнорируем все файлы в папке node_modules
use: {
loader:'babel-loader',
options: { presets: ['env'] }
},
}]
}
};
module.exports = {
entry: './index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [{
test: /\.js$/, // запустим загрузчик во всех файлах .js
exclude: /node_modules/, // проигнорируем все файлы в папке node_modules
use: {
loader:'babel-loader',
options: { presets: ['env'] }
},
}]
}
};