小编Kir*_*oss的帖子

JS引用最佳做法?ES6 / React-单引号,双引号吗?

当然,所有这些工作都是可行的,但是在jsx文件中ES6的最佳实践是哪一种?(忽略格式)。据我了解,模板字符串主要(唯一地?)用于描述性控制台日志记录,而不是常规用法?

<div className={`dropdown-menu dropdown-menu-media`}/>
<div className={"dropdown-menu dropdown-menu-media"}/>
<div className={'dropdown-menu dropdown-menu-media'}/>
Run Code Online (Sandbox Code Playgroud)

我意识到单引号和双引号之间没有功能上的区别(除非您在两个引号之间进行交替以避免转义)...但是...是另一个或另一个更常见,还是“完全”属于“品味”问题?即,如果您正在遍历代码,并且看到在相同的情况/用法下单引号和双引号随机变化,并且您必须使其统一,那么您将使用哪个?

const inputProps = {
      onChange: this.onChange,
      className: 'form-control',
      id: "someId",
      status: 'active',
      isOpen: "open"
    };
Run Code Online (Sandbox Code Playgroud)

ecmascript-6 reactjs

3
推荐指数
1
解决办法
4403
查看次数

Visual Studio 终端中的 CTRL + C 有 50% 的时间不执行任何操作。错误还是功能?

如何在 VS Code 中终止正在运行的终端?有一半的时间 Ctrl+C 没有任何反应,我必须关闭应用程序。这是一个错误还是一个功能?

visual-studio-code

3
推荐指数
1
解决办法
5465
查看次数

无法删除 S3 存储桶 - 找不到错误数据

我无法摆脱 S3 中的五个存储桶。AWS 控制台中的每个屏幕都显示“未找到错误数据”(即概览、属性、权限、管理、访问点)。

我无法设置生命周期规则来删除对象,但存储桶中从未包含任何内容,并且无论如何也从未启用版本控制。

我也试过在我的终端中强制它...

aws s3 rb s3://bucketblah --force

...但它失败了,我得到remove_bucket failed: Unable to delete all objects in the bucket,bucket 不会被删除。

帮我欧比万...

amazon-s3 amazon-web-services

2
推荐指数
1
解决办法
2988
查看次数

React / Recoil - setAtom 新值何时可用?

我试图了解 React Recoil 以及更新后的原子值何时可用,或者如何使新值在应用程序中垂直和水平传播。

例如,如果我有一个名为 的原子userState,并且我更新了它的属性之一avatar_url,例如 ,那么如果我在 setUser 之后立即对其进行控制台,则该值不是新值。

const [user, setUser] = useRecoilState(userState);

setUser({ avatar_url: imageURL, ...appUser});

console.log(imageURL); // is the actual new URL
console.log(user.avatar_url); // should be new URL but isn't
Run Code Online (Sandbox Code Playgroud)

state reactjs recoiljs

2
推荐指数
1
解决办法
3833
查看次数

propTypes的React const render方法语法?

语法问题...我试图找出在较新的React const渲染方法中设置proptypes的位置.

在这个const中,我将在哪里放置propTypes:{...}块?

const PlaylistAlbumInfoOverlay = () => (

  <div className="playlist-album-info-overlay">
    <h2>Album Title</h2>
    <p className="album-kind">Private</p>
  </div>
);

export default PlaylistAlbumInfoOverlay;
Run Code Online (Sandbox Code Playgroud)

reactjs react-proptypes

1
推荐指数
1
解决办法
338
查看次数

React 应用程序 - 无需服务器即可将 JSON 文件上传并读取到变量中?

我正在 React 中构建一个 JSON 编辑器,现在我只是从服务器上的静态文件夹中获取一个 json 文件并将其粘贴到一个变量中。我希望能够使用文件输入并选择任何 json 文件并将其读入变量。

没有服务器这可能吗?

也就是说,我也尝试使用 Express/Cors 服务器,但它有点超出我的驾驶范围,我不确定如何在此编辑器所在的生产域上安装/运行它。

upload express reactjs

1
推荐指数
1
解决办法
3020
查看次数

防止 React 组件在 props 准备好之前渲染

我是一个 React 菜鸟,或者说是中间人。该组件正在映射一个空posts数组,作为来自其父组件的 prop。

如何让它等到道具完成更新后再进行映射return()

我想我需要使用useEffect但我不确定语法。

const Timeline = props => {
  console.log(props.posts.length); // logs twice: initially 0, then 6 a microsecond later.

  useEffefct(()=>{
    // if props is all done and ready, goto return statement
  }, [props]);

  return (
    <>
      <CreatePost />
      <div className="post-list">
        {props.posts.map((post, i) => ( // this maps the initial empty array
          <Post key={i} post={post} />
        ))}
      </div>
    </>
  );
};

export default Timeline;
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-props

1
推荐指数
1
解决办法
756
查看次数

Google Cloud Storage - 尝试删除存在的对象时未找到

这可能是一个错误,但我无法弄清楚。

我已成功将图像上传到具有签名 URL 的存储桶。当尝试从我的 Express 后端删除该对象时,使用 Google 示例中的以下代码,我得到 Not Found,但该对象具有正确的名称。想法?

async function deleteFile(filename) {
  console.log(filename); // correct file name as exists in bucket
  try {
    await storage
      .bucket(bucketName) // correct bucket name and subfolder 'my-image-bucket/posts'
      .file(filename)
      .delete();
  } catch (e) {
    console.log('Error message = ', e.message); // Not Found
  }
}
Run Code Online (Sandbox Code Playgroud)

node.js google-cloud-platform

1
推荐指数
1
解决办法
989
查看次数

SFTP - PhpStorm 中的“读取数据包时 EOF”错误,在 FileZilla 中工作正常

我正在尝试在 PhpStorm 中建立 SFTP 连接。它在 FileZilla 中运行良好。

在 STFP 配置的 SSH 配置部分中,我输入主机、用户名和身份验证类型(密码),然后单击测试连接。它连接得很好。

如果我单击“确定”并返回对话框级别并单击主 SFTP 配置上的“测试连接”,则会收到Connection to dev.the-server.net failed. EOF while reading packet错误消息。同样,当我关闭 SFTP 配置对话框时,读取数据包时出现 EOF 错误,而目录列表应该在该位置。

如果我使用相同的凭据并通过 FTP S连接,我可以获得远程目录列表并下载文件,但尝试上传时出现文件结尾错误。

这一切似乎都是 PhpStorm 问题,因为我可以使用 FileZilla 很好地上传和下载。出于工作流程的原因,我确实需要 PhpStorm 进行连接。

有什么想法从哪里开始吗?

SFTP 对话框的图像:

主要 SFTP 配置 主要 SFTP 配置

SFTP 配置的 SSH 部分 SFTP 配置的 SSH 部分

ftp sftp eof phpstorm webstorm

1
推荐指数
1
解决办法
5625
查看次数

使用对象解构(首选解构)

我收到了一个 lint 警告,但我不确定如何解构它,或者为什么需要解构如此通用的东西。

const href = window.location.href;

javascript

0
推荐指数
1
解决办法
614
查看次数

JavaScript - 检查 html 字符串是否只有空标签或

我正在映射一个事件日历,其中一个 json 节点是艺术家简介。

对于生物节点,我将得到类似的东西并将其附加到生物分区。

<p>John Doe was born in Nantucket..</p>
<p>Yada yada</p>
Run Code Online (Sandbox Code Playgroud)

然而,有时我会得到这样的东西,我想将其设置为 null,这样它就不会打印:

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
Run Code Online (Sandbox Code Playgroud)

如何检查字符串中是否有空标签和/或&nbsp;具体来说,即

if(event.bio //has only empty tags || only white space || '&nbsp;') { 
     bio = null; 
}
Run Code Online (Sandbox Code Playgroud)

html javascript regex

-1
推荐指数
1
解决办法
1900
查看次数