小编soa*_*rib的帖子

我的问题是关于如何在渲染返回（）中显示数组结果。
我对 API 进行了提取，现在我得到了存储在数组中的结果。我需要显示此结果，但我尝试在 return 中使用 for{} 但它不起作用，我还尝试使用 .map 和map is undefined.

fetch(url + '/couch-model/?limit=10&offset=0', {
        method: 'GET',
        headers: {
            'Content-Type': 'application/json',
            'Accept': 'application/json',
            'Authorization': 'JWT ' + (JSON.parse(localStorage.getItem('token')).token)
        }
    }).then(res => {
        if (res.ok) {
            return res.json();
        } else {
            throw Error(res.statusText);
        }
    }).then(json => {
        this.setState({
             models: json.results
        }, () => {
            /*console.log('modelosJSON: ', json);*/
        });
    })

render() {
    const { isLoaded } = this.state;
    const modelsArray = this.state.models;

    console.log('modelos: ', modelsArray);

    if (!isLoaded) {
        return …

我在 React 应用程序上安装了 rc-slider React 组件，但我需要从滑块输出当前值，我该怎么做？这是当前的代码：

import React from 'react';\nimport 'rc-slider/assets/index.css';\nimport 'rc-tooltip/assets/bootstrap.css';\nimport Slider from 'rc-slider';\n\nconst createSliderWithTooltip = Slider.createSliderWithTooltip;\nconst Range = createSliderWithTooltip(Slider.Range);\n\nexport class RangeSlider extends React.Component {\n  render() {\n    return (\n      <div>\n        <Range min={0} max={10000} defaultValue={[800, 3000]} tipFormatter={value => `${value}\xe2\x82\xac`} />\n      </div>      \n    )\n  }\n}\n

另外，如何从抓取滑块手柄时显示值的工具提示中更改字体系列？

我从 HTML 附带的 API 收到信息。发生的情况是，当我尝试在代码中显示信息时，它会将 HTML 转换为字符串，而不会读取为真正的 HTML。
我搜索了很多，我看到的只是方法，dangerouslySetInnerHTML但我也看到了一些关于它的评论和评论，如果存在另一个解决方案，我不想使用它。另外，我尝试使用Fragmant但没有成功。

下面是我的 render() 代码：

return (
  <div>
    {models.map(model => (
      <a href="/sofa">
        <div className="Parcelas" key={model.id}>
          <img
            src={"url" + model.image}
            className="ParcImage"
            alt="sofa"
          />
          <h1>Sofá {model.name}</h1>
          <h2>
            1,200<span>€</span>
          </h2>

          <p className="Features">{model.description}</p>

          <button className="Botao">
            <p className="MostraDepois">Ver Detalhes</p>
            <span>+</span>
          </button>
          <img src="../../img/points.svg" className="Decoration" alt="points" />
        </div>
      </a>
    ))}
  </div>
);

这是一张图片：