javascript - 未捕获( promise )TypeError : Cannot read property 'remove' of undefined

Question

我收到一个奇怪的错误。

另一个答案说这与不当进口有关。我尝试过几种声明方式，例如 var render_product_url = function()....等等，全部失败。

AddRendering.js

import React from "react"


export function add_rendering(headers, target_header, rendering_callback) {
    var new_headers = [];
    for (let i = 0; i < headers.length; i++){
        var this_header = headers[i];
        if (this_header == target_header){
            var header_object = {
                title: target_header,
                render: rendering_callback
            };
            new_headers.push(header_object);
        } else {
            new_headers.push(this_header);
        }
    }
    return new_headers
}

function render_product_url(val, row) {
    return (<a href={"http://www.website.com/product/" + row[target_header]} target="_blank">{row[target_header]}</a>)
}

export function render_product_url_in_datatable(headers, target_header) {
    return add_rendering(
        headers,
        target_header,
        render_product_url
    )
}

ThisController.js

import React from "react"
import { render_product_url_in_datatable } from '../commonutils/AddRendering';


render() {
  ..
  these_metrics.headers = render_product_url_in_datatable(these_metrics.headers, 'Part Number');
  ..
}

最奇怪的部分是这个作品:

import React from "react"


export function add_rendering(headers, target_header, rendering_callback) {
    var new_headers = [];
    for (let i = 0; i < headers.length; i++){
        var this_header = headers[i];
        if (this_header == target_header){
            var header_object = {
                title: target_header,
                render: rendering_callback
            };
            new_headers.push(header_object);
        } else {
            new_headers.push(this_header);
        }
    }
    return new_headers
}

// function render_product_url(val, row) {
//     return (<a href={"http://www.website.com/p/" + row[target_header]} target="_blank">{row[target_header]}</a>)
// }

export function render_product_url_in_datatable(headers, target_header) {
    return add_rendering(
        headers,
        target_header,
        function render_product_url(val, row) {
            return (<a href={"http://www.website.com/p/" + row[target_header]} target="_blank">{row[target_header]}</a>)
        }
    )
}

匿名也可以，例如

return add_rendering(
            headers,
            target_header,
            function(val, row) {
              ..
            }

我发现这种 JS 导入语法与普通语言相比不太实用，但这对于 JS 来说是正常的。

为什么不能使用 JavaScript 中文件中其他地方声明的函数？这是使用 ES6 和 React。

Answer 1

在 AddRendering.js 上，您没有发布整个代码(缺少一些导入或其他内容？)，或者您忘记将 target_header 作为参数包含在 render_product_url 函数(那个 val 参数是什么？)。

function render_product_url(val, row) {
    return (<a href={"http://www.website.com/product/" + row[target_header]} target="_blank">{row[target_header]}</a>)
}

如果缺少导入，并且您不确定如何导入，则可以采用以下方法:

import target_header from './path/to/target_header'; // in case of a default export
import {target_header} from './path/to/target_header'; // in case of name export