我已经好好了解一下,但我无法构建搜索以获得任何相关结果。
在无法调用API的情况下,加载从服务器生成的配置对象的最佳方法是什么?
配置打印到页面上,如下所示:
var config = {configItem: 'configAnswer', ...etc }
然后在反应中,我正常地进入并正常访问
const item = config.configItem;
这可能没什么问题,它似乎没有像#'那样做出反应。
任何建议都将不胜感激。
编辑:
组件代码示例。如您所见,product.handle
来自服务器生成的全局变量。
const Cart = class extends React.Component {
constructor() {
super();
this.state = { cartLoaded: false, cart: {} };
}
getCart = async () => {
const cart = await fetch(`/products/${product.handle}.js`);
const json = await cart.json();
this.setState({ cartLoaded: true, cart: json });
};
componentDidMount() {
if (this.state.cartLoaded === false) {
this.getCart();
}
}
render() {
if (this.state.cartLoaded === false) {
return null;
}
return <div className="purchase-container"></div>;
}
};