主页 / user-256010

elossa's questions

Martin Hope
elossa
Asked: 2020-07-07 00:16:47 +0800 CST
  • 0

我学习react-saga了，按照这个来源的例子做了一切：https ://hackernoon.com/redux-saga-tutorial-for-beginners-and-dog-lovers-aa69a17db645

以前，我react-thunk在一个单独的文件actionTypes.js（然后我注意到，如果您在 中takeEvery替换一个变量API_CALL_REQUEST，则没有任何效果，但如果您替换"API_CALL_REQUEST"它，它会起作用。这是为什么？

动作/actionTypes.js

export const API_CALL_SUCCESS = "API_CALL_SUCCESS";
export const API_CALL_FAILURE = "API_CALL_FAILURE";
export const API_CALL_REQUEST = "API_CALL_REQIEST";

传奇/index.js

import { call, put, takeEvery } from 'redux-saga/effects';
import axios from 'axios';
import { 
    API_CALL_REQUEST, 
    API_CALL_SUCCESS, 
    API_CALL_FAILURE 
} from '../actions/actionTypes';

export function* watcherSaga() {
    yield takeEvery("API_CALL_REQUEST", workerSaga);
}

function fetchDog() {
    return axios({
        method: "GET",
        url: "https://dog.ceo/api/breeds/image/random"
    });
}

function* workerSaga() {
    try {
        const response = yield call(fetchDog);
        const dog = response.data.message;
        yield put({ type: API_CALL_SUCCESS, data: dog });
    } catch (error) {
        yield put({ type: API_CALL_FAILURE, data: error });
    }
}

如果是这样：

export function* watcherSaga() {
    const test = "API_CALL_REQUEST";
    yield takeEvery(test, workerSaga);
}

那么它可以工作，但如果是这样：

export function* watcherSaga() {
    const test = API_CALL_REQUEST;
    yield takeEvery(test, workerSaga);
}

再次没有。常数有什么问题API_CALL_REQUEST？同一文件中的其他常量没有问题。

reactjs
Martin Hope
elossa
Asked: 2020-12-04 01:16:07 +0800 CST
  • 1

我尝试在html/css中使用卢布符号，结果不是很

.example::before {
    content: "\u20bd",
    ....
}

此代码在我的 Win 7 中的 Chrome 浏览器上正常工作。但在同一个 Chrome 和 Win 7 上，它不适用于其他人，也不适用于某些浏览器上的其他人。有人显示方块，有人有更糟糕的现象。我搜索并发现问题出在编码中（可能）。

是否有可能以某种方式纠正这种情况？或者仍然拒绝使用“₽”而使用“Rub”。

css3
Martin Hope
elossa
Asked: 2020-05-23 13:42:17 +0800 CST
  • 1

有一个 React 应用程序，您可以在其中按名称、ID、条形码搜索产品列表。所有这些搜索都是通过单个输入完成的。那些。您输入任何数据，脚本本身会搜索所有可能的字段并给出结果。

有一个条形码扫描仪（键仿真）将重点放在输入上，扫描条形码，一切正常。但是有一个细微差别，您需要确保在重新扫描时，旧数据从输入中删除，新数据由扫描仪输入。

问题：

  • 扫描仪快速拨号，人慢慢拨号 - 在计时器的帮助下无法实现这个想法，因为能够输入条形码，需要一个人的产品名称
  • 在输入中，不仅可以输入条形码，还可以输入商品名称——在一定长度后删除数据的想法也行不通

什么建议？

javascript
Martin Hope
elossa
Asked: 2020-04-23 01:21:06 +0800 CST
  • 0

有这样一个不标准的问题。比方说，我们需要某种库或方法，一种用于创建聊天机器人的原理。有一个输入行，有一个现成的模板库，其中定义了空白。输入文本与模板库进行比较，如果有匹配，则返回一些结果。

例如，输入字符串“嗨，你好吗？”

数据库包含模板

[
    {id: 0, text: "Привет, как дела?"},
    {id: 1, text: "Здравствуй, как дела?"},
    {id: 2, text: "Братан, ты как?"},
    {id: 3, text: "Добрый день, как вы?"},
    {id: 4, text: "Здарова, как жизнь?"}
    ...
]

比较输入字符串后，我们应该得到{id: 1}，当然这实现起来很简单。如果您查看数据库中的 5 条记录，它们几乎相似，您可以以某种方式将它们组合并编写某种regex检查而不是文本，以便我们获取输入文本并检查数据库记录，直到正则表达式为true. 但是，如果您需要创建 10,000 个模板怎么办？在这种情况下编写正则表达式不会很好。

所以我需要做一些类似于更简化的正则表达式的事情。例如，如果有人熟悉 iii.ru 服务，那么在那里实现了这样的功能，但他们说在 AI 上一切正常，但不知何故我无法创建 AI。还有一个 Flow.ai 网站，整个事情很容易做到，我不知道他们是如何实现的。

例如，我想要这样

有一个模板：{Привет, Добрый день, Здравствуй, Хеллов}, как [ {у вас, у тебя, ты},[не обязательно]] [{дела, жизнь, всё}, [не обязательно]]?

这种模式适用于这样的字符串：

  • 你好你好吗？

  • 你好吗？

  • 你好吗？

  • 下午好，过得如何？

  • 你好，生活怎么样？

    等等

我认为我没有很好地解释问题的本质，但我希望有人理解并可以提供帮助。

java
Martin Hope
elossa
Asked: 2020-03-16 23:27:50 +0800 CST
  • 1

我在做一个项目时遇到了一个问题。通常，我通过 API 接收 JSON 数据并将数据显示在表格中。该表具有可以更改的字段（数字）。

需要确保在输入数据后，通过API将信息发送到服务器。一切都在那里处理，计算一些数据，然后我需要再次从服务器获取所有数据。

当然输入有一个onChange选项，但是我不想每次输入一个字符，又接收到一堆数据都向服务器发送请求，这样会拖慢工作（人输入了5个字符- 这是具有相当大数据的 5 个请求和 5 个响应）。

我的组件示例：

class Table extends React.Component {
    handleOnChange(){ ... }
    render() {
        const data = this.props.data;
        return (
            <table>
                ...
                <tbody>
                    {data.map(item => (
                        <tr>
                            <td>{item.id}</td>
                            <td>
                                <input 
                                    type="text" 
                                    placeholder={item.count} 
                                    onChange={() => this.handleOnChange()}
                                />
                            </td>
                        </tr>
                    )}
                </tbody>
            </table>
        )
    }
}

如何提出想法？我试图创建一个新组件并在那里处理事件并通过 setTimeout 发送数据，但我不明白如何从TableTr调用TableTr函数并将参数传递给它（输入值）。Refs 不能用，看来，TableTr 组件会很多。

javascript
Martin Hope
elossa
Asked: 2020-03-14 19:44:45 +0800 CST
  • 0

我正在做一个项目。有必要将堆积的 Bootstrap 3 模板延伸到 React 应用程序中。该模板有很多各种各样的 jQuery 插件，它们都可以工作 - 但只是在移动到 React-Router (v. 4) 上的某个地方之前

我直接在 index.html 中连接插件并将它们添加到 React Components - 结果相同。

尝试了我在互联网上找到的所有内容。

例如：

import React from 'react';
import $ from 'jquery';
import { smoothlyMenu } from '../layouts/Helpers';

class TopHeader extends React.Component {

    toggleNavigation(e) {
        e.preventDefault();
        $("body").toggleClass("mini-navbar");
        smoothlyMenu();
    }

    render() {
        return (
            <div className="row border-bottom">
                <nav className="navbar" style={{marginBottom: 0}}>
                    <div className="navbar-header">
                        <a onClick={this.toggleNavigation} className='nav-open' href="#">
                            <i className="fa fa-bars"></i> 
                        </a>
                    </div>
                    <ul className="nav navbar-top-links navbar-right">
                        <li>
                            <a href="#">
                                <i className="fa fa-sign-out"></i> Log out
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        )
    }
}

如您所见，单击时，应将一个类添加到正文中，这不会发生，即使 toggleNavigation 函数本身触发。

试过了

()=>toggleNavigation(), 
()=>toggleNavigation.bind(this), 
toggleNavigation()

我不知道为什么。没有改变。

在 index.html 中有类似的东西

$('.nav-open').toggleClass('mini-navbar');

路由器运行后也不起作用

jquery