小编Flo*_*nig的帖子

reactjs和呈现纯HTML

首先,我是全新的反应所以我不确定我的代码是否已经写成"反应方式".

到目前为止,我已经创建了几个反应类来渲染Bootstrap模态.要设置初始状态,我在componentsDidMount函数中调用Ajax 函数.这工作正常,直到我尝试将纯HTML插入模态体.

服务器请求工作正常,我得到了纯HTML代码,this.state.data.content但如果我尝试将其插入到模态体中,我会收到以下错误:

错误:不变违规:对象作为React子项无效(找到:具有键{__html}的对象).如果您要渲染子集合,请使用数组,或使用React附加组件中的createFragment(object)包装对象.

有谁知道如何解决这一问题?我甚至在这里做正确的事吗?

谢谢!

<script type="text/babel">

    var Modal = ReactBootstrap.Modal;
    var Button = ReactBootstrap.Button;
    var ButtonToolbar = ReactBootstrap.ButtonToolbar;


    var L5fmHeaderButton = React.createClass({

        render: function() {
            var iconClass = "glyphicon " + this.props.buttonIcon;
            return(
                <button onClick={this.props.onClick} className="lfm-Modal-Button">
                    <span className={iconClass} aria-hidden="true"></span>&nbsp;
                    {this.props.buttonText}
                </button>
            );
        }
    });

    var L5fmModalBody = React.createClass({

        rawMarkup: function() {
            return { __html: this.props.content };
        },

        render: function() {

            return(
                <Modal.Body>
                    dangerouslySetInnerHTML={this.rawMarkup()}
                </Modal.Body>
            );
        }

    });

    var L5fmModal = React.createClass({

        getInitialState : …
Run Code Online (Sandbox Code Playgroud)

javascript ajax reactjs

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

如何从 SwiftUI 视图内部运行 AppleScript?

我对基本的SwiftUI有了更多的了解,但现在我想扩展我的应用程序,为我实际做一些有关系统组件的事情。基本上,我想从我的应用程序内部运行AppleScript,在 Mac Mail 中创建签名。脚本本身非常简单:

// Generates a signature in Mac Mail
tell application "Mail"
    set newSig to make new signature with properties {name:"The Signature Name"}
    set content of newSig to "My New Signature Content"
end tell
Run Code Online (Sandbox Code Playgroud)

我创建了一个带有按钮的视图,该按钮应该执行脚本:

import SwiftUI

struct SomeView: View {

    @State var status = ""

    var body: some View {

        VStack(alignment: .center) {
            Button(action: {

                let source = """
                tell application \"Mail\"
                    set newSig to make new signature with properties {name: \"The …
Run Code Online (Sandbox Code Playgroud)

macos applescript swiftui

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

从 Create React App 创建 NPM 包并在 Gitlab 上发布

这可能是一个愚蠢的问题,但我真的不知道发生了什么。

我创建了一个 React 应用程序,并将crate react app其作为私有存储库上传到我的GitLab帐户。(默认)React 应用程序在yarn start本地运行后按预期启动localhost:3000。由于我需要为持续的代码开发创建包,因此我开始使用GitLab 的NPM 注册表。这实际上很简单:

  1. .npmrc在应用程序目录内创建一个
  2. 添加范围存储库 ID身份验证令牌(我选择使用个人令牌),如下所示
# Set URL for your scoped packages.
# This is my top-level group at GitLab

@scope:registry=https://gitlab.com/api/v4/packages/npm/


# Add the token for the scoped packages URL.
# I have chosen to use the personal key -> more infos: https://docs.gitlab.com/ee/user/packages/npm_registry/

//gitlab.com/api/v4/packages/npm/:_authToken="<auth-token>"


# Add token for uploading to the registry.

//gitlab.com/api/v4/projects/<project-ID>/packages/npm/:_authToken="<auth-token>"
Run Code Online (Sandbox Code Playgroud)
  1. 运行npm …

npm gitlab npm-publish create-react-app npm-package

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

是否有必要将 _kind 附加到现代 Fortran 中的数字文字?

这可能是一个愚蠢的问题,但经过最近的一些测试,我有点困惑。我一直认为 Fortran 处理实数的方式如下(现代声明):

program testReal

  implicit none

  integer, parameter :: rkind=8

  real(kind=rkind) :: a,b,c

  // Test 1
  a = 1
  b = 1.
  c = 1._rkind
  write(*,"(2(1xES23.15))") a, b, c

  // Test 2
  a = 1/2
  b = 1/2.
  c = 1./2.
  write(*,"(2(1xES23.15))") a, b, c

  // Test 3
  a = 3.3
  b = 1 * a
  c = 1. * a
  write(*,"(2(1xES23.15))") a, b, c

end program testReal
Run Code Online (Sandbox Code Playgroud)

除了Test 2 - a一切都评估相同。我一直认为我必须1._rkind, 0.5_rkind, etc.在每个实数之后加上例如,以确保用零填充尾数的其余部分?

这只是纯粹的运气还是真的不再需要附加 …

standards fortran gfortran

3
推荐指数
2
解决办法
113
查看次数

无法通过phpmyadmin访问数据库 - docker

我对码头工人很新,我想我在这里犯了一个正确的初学者错误,但我真的无法理解错误的原因......

我已经成功创建了一个运行Wordpress安装的docker容器.DB的链接在那里工作.我也可以访问phpmyadmin但我无法进入.出现以下错误:

  • 服务器1的主机名无效.请检查您的配置.
  • 配置中定义的controluser连接失败.

这是我的 docker.yml

version: "2"
services:
  my-wpdb:
    image: mariadb
    environment:
      MYSQL_ROOT_PASSWORD: letmein
  my-wp:
    image: wordpress
    volumes:
      - ./:/var/www/html
    ports:
      - "8080:80"
    links:
      - my-wpdb:mysql
    environment:
      WORDPRESS_DB_PASSWORD: letmein
  phpmyadmin:
    image: corbinu/docker-phpmyadmin
    links:
        - my-wpdb:mysql
    ports:
        - 8181:80
    environment:
        MYSQL_USERNAME: letmein
        MYSQL_ROOT_PASSWORD: letmein
Run Code Online (Sandbox Code Playgroud)

我正在尝试登录:root,letmein

谢谢!有任何帮助!

phpmyadmin docker

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

如何在子模块Fortran中使用类型

我有一个基本模块,其限定某些子程序(sub1sub2sub3)。然后,我想在一系列子模块中覆盖这些子例程。

我知道如何使用单独的模块和延迟类型来执行此操作,但是我决定尝试使用submodules。不幸的是,我不了解它们的用法。

这是我到目前为止的内容:

BaseModule

module BaseModule
    implicit none

    interface
        subroutine sub1(idx)
            implicit none
            integer, intent(in) :: idx
        end subroutine sub1

        subroutine sub2(idx)
            implicit none
            integer, intent(in) :: idx
        end subroutine sub2

        subroutine sub3(idx)
            implicit none
            integer, intent(in) :: idx
        end subroutine sub3    
    end interface
end module BaseModule
Run Code Online (Sandbox Code Playgroud)

ChildModule1

submodule (BaseModule) ChildModule1
    implicit none

    type :: Child1
    contains
        module procedure :: sub1
        module procedure :: sub2
    end …
Run Code Online (Sandbox Code Playgroud)

oop fortran module

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

使用 React 将文件上传到 AWS S3 时使用进度处理程序

我最近才接触AWS SDK,因此如果我的方法完全是胡说八道,请原谅。

我想将一个简单的媒体文件上传到我的 S3。我正在遵循本教程,到目前为止我可以毫无问题地上传文件。对于用户性来说,进度条将是一个很好的额外功能,因此我正在研究如何实现这一点。我很快发现当前的 AWS SDK v3不再支持httpUploadProgress但我们应该使用@aws-sdk/lib-storage。使用这个库,我仍然可以将文件上传到 S3,但我无法让进度跟踪器工作!我认为这与我没有完全理解如何async在 React 组件中进行处理有关。

这是我的缩小组件示例(我在这里使用 Chakra UI)

const TestAWS: React.FC = () => {
  const inputRef = useRef<HTMLInputElement | null>(null);
  const [progr, setProgr] = useState<number>();

  const region = "eu-west-1";
  const bucketname = "upload-test";

  const handleClick = async () => {
    inputRef.current?.click();
  };

  const handleChange = (e: any) => {

    console.log('Start file upload');

    const file = e.target.files[0];
    const target = { …
Run Code Online (Sandbox Code Playgroud)

amazon-s3 reactjs aws-sdk

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