小编Adi*_*aya的帖子

如果在react-admin中查询字段的长度短,如何防止获取请求的发送

我正在使用react-admin并尝试创建带有自动完成字段的过滤器,该过滤器将在我键入时进行查询,并且仅在搜索条件长度大于2时才开始发送查询。

我当前shouldRenderSuggestionsAutocompleteInput字段内部使用,但这仍然会在“昵称”过滤器中发送两个带有空字符串的请求,这是代码部分:

<AutocompleteInput optionText="nickname" shouldRenderSuggestions={(val) => {
        return val.trim().length > 2
      }}/>
Run Code Online (Sandbox Code Playgroud)

发生的事情是,当我填写GET发送请求的第一个和第二个字母时,但该nickname字段中有一个空字符串,

输入的字符串例如:“ abc”:

1ST要求: http://website.loc/clients?filter={"nickname":""}&page=1&perPage=25&range=[0,24]&sort=["id","DESC"]

第二请求: http://website.loc/clients?filter={"nickname":""}&page=1&perPage=25&range=[0,24]&sort=["id","DESC"]

3RD要求: http://website.loc/clients?filter={"nickname":"abc"}&page=1&perPage=25&range=[0,24]&sort=["id","DESC"]

我想避免完全发送前两个请求。

组件的完整代码:

const PostPagination = props => (
  <Pagination rowsPerPageOptions={[]} {...props} />
);

const PostFilter = (props) => (
  <Filter {...props}>
    <ReferenceInput label="Client"
                    source="client_id"
                    reference="clients"
                    allowEmpty
                    filterToQuery={searchText => ({ nickname: searchText })}>
      <AutocompleteInput optionText="nickname" shouldRenderSuggestions={(val) => {
        return val.trim().length > 2
      }}/>
    </ReferenceInput>
  </Filter>
);

const PostsList = props => { …
Run Code Online (Sandbox Code Playgroud)

react-admin

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

React nodemailer net.isIP 不是一个函数

我正在尝试使用 react 创建一个联系页面,但我正在努力发送电子邮件部分。

我正在尝试使用nodemailer,我的代码是:

var nodemailer = require('nodemailer');
var xoauth2=require('xoauth2');
var transporter = nodemailer.createTransport({
  service: 'gmail',
  auth: {
    xoauth2:xoauth2.createXOAuth2Generator({
      user: 'mymail@gmail.com',
        clientId: '',
        clientSecret: '',
        refreshToken:''
    })
  }
});

var mailOptions = {
  from: 'Name <mymail@gmail.com>',
  to: 'mymail@gmail.com',
  subject: 'Sending Email to test Node.js nodemailer',
  text: 'That was easy to test!'
};

transporter.sendMail(mailOptions, function(error, info){
  if (error) {
    console.log(error);
  } else {
    console.log('Email sent');
  }
});
Run Code Online (Sandbox Code Playgroud)

我已经将clientId,clientSecretrefreshToken来自谷歌 API 和 oauth2 游乐场并启用了非安全应用程序。但是当我尝试发送电子邮件时,我收到
TypeError: …

javascript google-api node.js nodemailer reactjs

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

如何编辑Chrome的右键菜单

我想编辑 Chrome 的右键单击并添加一个快捷方式以发送到 Whatsapp 上的号码。我已经有一个应用程序修改了菜单,以便能够从三星手机拨打电话。我正在寻找一种添加更多按钮的方法

在此输入图像描述

我并不是在寻找从我的网站或 Chrome 扩展程序执行此操作的方法。这里有一个与我的问题无关的类似问题: Adding to browser context menu? 。它不能解决我的问题,我正在寻找一种编辑整个 Chrome 右键菜单的方法,就像填充“从三星手机拨打电话”选项一样。

javascript registry google-chrome

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