gpt4 book ai didi

javascript - 我如何在React中选择导入/导出

转载 作者:行者123 更新时间:2023-12-03 02:28:52 29 4
gpt4 key购买 nike

我想在用户在 Chrome 中打开页面时使用 WebP否则它应该是 png。

我找到了这段代码:

var isChrome = !!window.chrome && !!window.chrome.webstore

但我不能在导出或导入周围放置 If 语句

这是我到目前为止的代码:

import redditwebp from '../img/icons/reddit.webp';
import redditpng from '../img/icons/reddit.png';

var isChrome = !!window.chrome && !!window.chrome.webstore;

if(isChrome){
export default {redditwebp}
}
else{
export default {redditpng}
}

最佳答案

你真的不应该做正常的 if 语句,你应该做一个内联语句

const isChrome = !!window.chrome && !!window.chrome.webstore;

然后在您的实际代码内联

<div>{isChome ? <img src={redditwebp} alt="" /> : <img src={redditpng} alt="" />}</div>

对我来说这是最好的方法,你可能必须写 this.isChrome 我不确定你是否愿意。

我会让这一点更清楚。

import redditwebp from '../img/icons/reddit.webp';
import redditpng from '../img/icons/reddit.png';
import React, { Component } from 'react';

const isChrome = !!window.chrome && !!window.chrome.webstore;

export default class logo extends Component {
render(){
return (
<div>{isChome ? <img src={redditwebp} alt="" /> : <img src={redditpng} alt="" />}</div>
}
}

关于javascript - 我如何在React中选择导入/导出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48825808/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com