小编ben*_*hky的帖子

我正在尝试使用 react-table 包（https://www.npmjs.com/package/react-table#example）在数据中添加一个组件

使用包自述文件中的示例，我尝试使用一个花哨的组件将图像添加到单元格：使用 ** 在代码中跳出......我也尝试过：

imageUrl:{<PlaceholderImage width={60} textColor="#fff" text="Image"/>}

例子：

import ReactTable from 'react-table'
import 'react-table/react-table.css'
**import { PlaceholderImage } from 'react-placeholder-image'**

render() {
  const data = [{
    name: 'Tanner Linsley',
    age: 26,
**imageUrl:<PlaceholderImage width={60} textColor="#fff" text="Image"/>,**
    friend: {
      name: 'Jason Maurer',
      age: 23,
    }
  },{
    ...
  }]

  const columns = [{
    Header: 'Name',
    accessor: 'name' // String-based value accessors!
  }, {
    Header: 'Age',
    accessor: 'age',
    Cell: props => <span className='number'>{props.value}</span> // Custom cell components!
  }, { …

我正在制作一个自定义下拉列表，允许在下拉列表中推送新项目。由于某种原因，useEffect 不会在状态更改时触发，但会在初始渲染时触发。我很确定我错过了一些小东西，但看不到它。当用户单击与“addNewOptionToTree”方法关联的按钮时，应推送新项目。然后，categoryList 应在下拉列表中显示新项目。控制台日志被触发并且新的 arr 出现......有什么想法吗？

以上返回：

    const [newOption, setNewOption] = useState('')

    const [categoryList, setCategoryList] = useState(["Calendars", "Meetings", "Apostrophes work!"])

    useEffect(() => {
        console.log("categoryList::::::::::::::::", categoryList)
      }, [categoryList]);
    
    
      function addNewOptionToTree() {
        console.log('category:', categoryList);
        console.log('newOption:', newOption);
        const categoryListArr = categoryList
        categoryListArr.push(newOption)
        setCategoryList(categoryListArr)
        console.log("category:", categoryListArr);
    
      }

在返回块中：

<div className='dropDownList'>
          <div className='listItem' key={'add-item-key'}>
            <Input
              type='text'
              label=''
              value={newOption}
              placeholder='Add New Category'
              onChange={val => setNewOption(val)}
            />
          <div className='icon-add-contain dropdown-add-btn' onClick={addNewOptionToTree}></div>
          </div>
          {
            categoryList.length > 0 &&
              categoryList.map((category, index) => (
                <div className='listItem' onClick={onOptionClicked(category)} key={'level1-'+index}>
                  {category}
                </div>
              )) …

我是SQL的新手,如果我使用点符号来选择我想要的,我很难理解为什么FROM在JOIN语句中有关键字tables.columns.我从两个表中选择哪个表格是否重要？我在w3schools定义中没有看到任何解释,表格是哪个FROM表格.在下面的示例中,我如何知道要选择哪个表FROM？由于我基本上已经选择了哪个table.column选择,它可以是吗？

例如:

SELECT Customers.CustomerName, Orders.OrderID
FROM Customers
INNER JOIN Orders
ON Customers.CustomerID=Orders.CustomerID
ORDER BY Customers.CustomerName;

我有Sensu运行并按照说明尽我所能安装Slack插件.我试图做一个"hello-world"开始,但文档似乎缺乏我.

我跟着"开始"检查:https: //sensuapp.org/docs/0.20/getting-started-with-checks ,一切似乎都在服务器上的正确位置.

我正在尝试安装以下社区插件,但他们对所有社区插件都有一个包罗万象的指令.插件说明中有一个json文件,但没有说放在哪里... https://github.com/sensu-plugins/sensu-plugins-slack

这是我的check_cron.json的样子(我尝试了2种方法,1来自Sensu以外的其他来源):

{
    "checks": {
      "cron_checks": {
        "handlers": ["default", "slack"],
        "command": "/etc/sensu/plugins/check-procs.rb -p cron -C 1 ",
        "interval": 60,      "subscribers": ["webservers"]
      },
      "cron": {
        "handlers": ["default", "slack"],
        "command": "/etc/sensu/plugins/check-procs.rb -p cron",
        "subscribers": [
            "production",
            "webservers",
        ],
        "interval": 60
      }
    }
  }

我做了更改后重新启动了我的服务器.我假设这个cron每分钟都会命中并调用松弛通知插件,但不知道我缺少什么,或者从Slack插件"文档" https:// github放置.json文档 . COM /意义上,插件/意义上,插件,松弛

有什么帮助让我朝着正确的方向前进？

内容安全策略仅阻止在 Firefox 上的 iframe 中下载 blob (csv)，这在 Chrome 中工作正常......不知道我做错了什么。我重命名了域，以便更容易理解父子框架关系。

这是错误：

内容安全策略：该页面的设置挡在团块资源的加载：https://mysubdomain-prod.mychilddomain.net/4663b181-76a0-dd4b-a5b2-7bbb65fd9f38 （“儿童SRC https：//开头mysubdomain-PROD。 mychilddomain.net https://*.myparent.net”）

Sierra 上的 Firefox 54.0 任何想法？

我认为这很容易，但仍然找不到简单的解决方案。我只想将页面标题（和 document.title）设置为我选择的指定字符串。我知道我可以访问 useLocation 并获取当前路线，但这不适用于逻辑人类命名。例如，我的路线可能是 /new，但我希望页面标题为“添加新内容”。请注意，我为页面标题添加了一个新的道具，这似乎是添加它的合乎逻辑的位置（然后使用 useEffect 来拉动它），但无法弄清楚如何访问此道具。

如果这不是正确的方法，你会怎么做？我应该为当前 url(useLocation) 设置字典/查找并分配人工页面标题吗？

主要目标：如果有人直接点击 URL“/new”，您将如何设置标题？

我当前的结构来自基础创建反应应用程序。

在我的index.js中

ReactDOM.render(
    <React.StrictMode>
      <Router>
        <App />
      </Router>
    </React.StrictMode>,
    document.getElementById('root')
);

应用程序.js

<div className="quiz-app-row">
        <SideBarNav />
        <div className='quiz-app-col'>
          <h1>{TITLE HEREEEEE}</h1>
          <Switch>
            <Route exact component={Home} path="/" title='home' />
            <Route exact component={Example} path="/manage" title='example' />
            <Route exact component={CreateQuiz} path="/new" title='New Quiz' />
          </Switch>
        </div>
      </div>