小编Chr*_*rst的帖子

我有一个简单的ajax请求返回一些数据然后插入模板文字.我想知道是否可以在模板中插入'if'语句？

基本上,如果json对象具有第5种颜色,则添加另一行代码.

  $.ajax({
url: 'http://localhost:8888/ColourCatchr%202/app/search.php'
}).done(function(results){
var res = jQuery.parseJSON(results);
console.log(res);
$.each(res,function(index,result){
  $('.palettes').append(`
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">${result.name}</h3>
      </div>
      <div class="panel-body">
        <div class="col-md-12 colors">
          <div class="color" style=background-color:#${result['color 1']}><h6>${result['color 1']}</h6></div>
          <div class="color" style=background-color:#${result['color 2']}><h6>${result['color 2']}</h6></div>
          <div class="color" style=background-color:#${result['color 3']}><h6>${result['color 3']}</h6></div>
          <div class="color" style=background-color:#${result['color 4']}><h6>${result['color 4']}</h6></div>

          ${if(result['color 5']){
            <div class="color" style=background-color:#${result['color 5']}><h6>${result['color 5']}</h6></div>
            }
          }

          <div class="color" style=background-color:#${result['color 5']}><h6>${result['color 5']}</h6></div>
          <p>on hover change to translucent background and black text for ecah color</p>
        </div>
      </div>
      <div class="panel-footer">
          <a class="btn btn-info btn-lg" …

我在公共子网内创建了一个 EC2 实例（以便我可以从家庭网络访问它），并在 VPC 的私有子网内创建了一些 Lambda。

我的第一个 lambda 可以自由访问互联网（通过 NAT 网关）并完成其工作。即每天一次从互联网获取文件并将其上传到 S3。

我的第二个 lambda 应该从 S3 检索该文件（它没有问题）读取该文件，然后将数据上传到在 EC2 实例上运行的 MySQL。它无法连接到数据库（使用 EC2 的公共或私有 IP），并且 Cloudwatch 日志显示会话超时，这让我认为这是一个网络问题。

我有一个第三个 lambda，它还需要与 EC2/数据库实例交互。

我的安全组允许来自我的家庭网络 IP、NAT 网关和 VPC IP 范围的所有传入流量。允许所有出站流量。

我很欣赏在公共子网中以这种方式设置 EC2/DB 的情况并不常见，但我更喜欢在家中使用 Sequel Pro 与它进行交互。

但是，我的设置可能吗？例如，我的私有子网 lambda 可以与公共子网 ec2 实例交互吗？如果是这样，有人知道我如何才能做到这一点吗？

我已经阅读了很多关于这个主题的问题，也阅读了 React 的文档，但我仍然不知道这一点。我无法让输入字段在单击或更改时发出任何内容（事件）。

我的代码在下面，除了使用 materialzecss，我使用的是基本的 HTML/JSX 而没有其他 javascript。

我只是无法更新输入以在 onChange 或 onClick 上的选中/未选中之间切换。谁能告诉我我哪里出错了？

import React, { Component } from 'react'
import Alert from '../components/shared/Alert'
import { Redirect } from 'react-router-dom'
import axios from 'axios'

class Create extends Component {
  constructor(){
    super()
    this.state = {
      redirect:false,
      alert:{
        show: false
      },
      checked:true
    }
  }

  handleChange(event) {
    this.setState({
      recipe : {[event.target.name]: event.target.value}
    })
    console.log(this.state);

  }

  handleSubmit(event) {

  }


  render() {
    const { redirect } = this.state;
    const showAlert = this.state.alert.show;
     if (redirect) { …