...но если кладу этот файл в отдельную папку и рядом с файлом создаю файл package.json с таким содержанием...
module.exports = {
entry: './path/to/my/entry/file.js'
};render() {
const { data } = this.props;
if (!data) return null;
return (
<div>
<FilterModels />
</div>
)
}
}render() {
const { filterData } = this.props;
return (
<Wrapper>
{filterData && <FilterForm data={filterData} />}
</Wrapper>
)
}
// globals/index.js
const restApiHost = 1231313;
export { restApiHost };
// component.js
import { restApiHost } from './globals';
console.log(restApiHost);
plugins:[
new webpack.DefinePlugin({
GLOBAL_VARIABLE: JSON.stringify('value')
}),
]
background-image: url(img.png), url(img.png);— изображения нужно перечислять в порядке наложения, выше будет то изображение, которое находится раньше в списке. И позиционируем каждое в отдельности через background-position.
render() {
const { someStateKey } = this.props;
if (!someStateKey) return null;
return (
{/* component JSX code */}
);
}
const PrintDevicesTable = props => {
const devices = props.devices && props.devices[0];
if (!devices || props.isFetching) {
return <Preloader />;
} else if (devices && !devices.length && !props.isFetching) {
return <NoDataPlaceholder />;
}
const items = devices.map((item, index) => <li key={index}>{item.ModelAlias}</li>);
return <ul>{items}</ul>;
};