小编nor*_*ial的帖子

为什么我们不能在不调用 setState() 的情况下改变 React 中的状态

我想知道我们setState()在 React 中仅用于更新状态的原因?

为什么我们不能做这个?

this.state.vote = this.state.vote + 1
Run Code Online (Sandbox Code Playgroud)

reactjs

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

反应本机道具allowFontScaling在android上不起作用

我是反应原生的新手,想要修复应用程序所有屏幕中的文本大小,如果我从设备设置中增加文本大小,那么字体大小也应该与我尝试过的相同:

Text.defaultProps.allowFontScaling=false;
Run Code Online (Sandbox Code Playgroud)

在 android.index.js 和

public void adjustFontScale(Context context, Configuration configuration) {
    configuration.fontScale =(float) 0.85;
    DisplayMetrics metrics = context.getResources().getDisplayMetrics();
    WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    wm.getDefaultDisplay().getMetrics(metrics);
    metrics.scaledDensity = configuration.fontScale * metrics.density;
    context.getResources().updateConfiguration(configuration, metrics);

}
Run Code Online (Sandbox Code Playgroud)

oncreate()在 mainactivity.js之后调用super.onCreate();

并且从 AndroidManifest.xml 链接的自定义主题也不起作用

如果有人对此有其他解决方案,请帮助我。

它在 ios 设备上完美运行。

android android-layout android-activity react-native react-redux

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

如何实现 Material UI DatePicker 和 TimePicker?值未定义

我习惯于提高状态,但这个值来自组件 DatePicker & TimePicker,我怎么可能将它提升到父组件或事件读取它在组件 DatePicker & TimePicker 被调用?

我正在关注亚历克斯的实施。console.log(this.state.date this.state.time)投掷undefined

import React from "react";
import DateFnsUtils from "@date-io/date-fns";
import "./PickerBackdrop.css";
import {
  DatePicker,
  TimePicker,
  DateTimePicker,
  MuiPickersUtilsProvider
} from "@material-ui/pickers";

class PickerDrawer extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      date: null,
      time: null
    };
    this.handleDate = this.handleDate.bind(this);
    this.handleTime = this.handleTime.bind(this);
  }
  handleTime(event, time) {
    this.setState({ time: time });
  }

  handleDate(event, date) {
    this.setState({ date: date });
  }

  render() {
    return (
      <div>
        <MuiPickersUtilsProvider utils={DateFnsUtils}> …
Run Code Online (Sandbox Code Playgroud)

reactjs

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

JavaScript函数未将我的参数传递给其他函数

我在尝试将参数从一个函数发送到另一个函数时遇到问题,接收参数的函数使用switch语句对它求值并返回它,但它只会返回我输入的变量,而不是“例如“高级硕士”。这是我没有弄错的代码,请记住我对编码非常陌生,也许有人可以给我一些指针。提前致谢。

function calculatexxx(x)  {
    let calculatexxx= x;
    switch (x) {
        case (x >= 2400):
            console.log("Senior Master");
            break;
        case (2399 > x > 2200):
            console.log("National Master");
            break;
        case (2199 > x> 2000):
            console.log("Expert");
            break;
        case (1999 > x> 1800):
            console.log("Class A");
            break;
        case (1799 > x> 1600):
            console.log("Class B");
            break;
        default:
            console.log("Error input not valid");

    return(x);

    }
}
function displayxxx() {
    console.log("Your Rank is: " + calculatexxx(2400)); // 

}
displayxxx(); 
Run Code Online (Sandbox Code Playgroud)

javascript function switch-statement

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

从数组中加入字符串并将其呈现在 div 中后如何创建换行符?

我有以下数组:

results = ["Dog","Cat","Fish","Parrot"];
Run Code Online (Sandbox Code Playgroud)

我使用如下.join方法加入它:

var finalResult=results.join("\n");
Run Code Online (Sandbox Code Playgroud)

我有一个div

Validation Result:<div id="result"></div>
Run Code Online (Sandbox Code Playgroud)

然后我尝试将其渲染为div如下所示:

this.shadowRoot.getElementById('result').textContent = finalResult;
Run Code Online (Sandbox Code Playgroud)

这最终会在每个单词之间呈现一个空格:

狗猫鱼鹦鹉

我希望它将每个字符串粘贴到一个新行上,如下所示:

鹦鹉

我似乎无法实现这一目标。关于如何实现这一目标的任何建议?

html javascript polymer

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

将具有键数组值的字典转换为Javascript中的列表

我有一个字典结构如下: data = { a : [5, 10], b : [1, 12] , c : [6, 7]}

我需要将其转换为以下内容: [ a, 5, 10 ], [ b, 1, 12 ], [ c, 6, 7 ]

我已经尝试过使用 Object.entries(data),但它返回的数据如下: [a, [5, 10]], [b, [1, 12]]

我如何使用 JavaScript 做到这一点?

javascript arrays dictionary arraylist

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

Redux 无法读取未定义的属性“有效负载”

我正在使用 Redux 和 React 从 API 加载数据。尽管成功提取数据并将其应用于状态,但它抛出了一个错误:

未捕获的类型错误:无法读取未定义的属性“有效负载”。

这发生在FETCH_PRODUCT_LISTINGS_PENDING控制台中的操作类型之后。

反应组件:

import React from 'react';
import { connect } from 'react-redux';
import store from '../../../store';

import * as ProductListingActions from '../actions/ProductListingActions';

@connect((store) => {
    return {
        productListing: store.productListing.products
    }
})

export default class ProductListingContainer extends React.Component {
    constructor(data) {
        super();
        this.props = data;
        this.props.dispatch(ProductListingActions.fetchProductListings());
    }
    render() {
        return <div></div>;
    }
}
Run Code Online (Sandbox Code Playgroud)

减速器:

import CookieHandler from '../../../modules/CookieHandler';
const cookieHandler = new CookieHandler;

export default function reducer(
    state = {
        products: …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux

0
推荐指数
1
解决办法
1万
查看次数

此JavaScript的“相对”应该是什么?

一切都可以在这里的预览中正常运行,但是当我在任何其他软件中运行它时,它们JavaScript都不会链接-我知道这是因为两件事:

  1. 无论JavaScript是否链接,其完全相同
  2. 它只是不执行其应做的工作- JavaScript而是要确保当您单击菜单按钮时所有项目都掉下来,但是这里什么都没有发生。

我已经尝试过制作rel="script",但是没有做任何事情。

var open = false;

function Drop(n) {
	var i;
	if (open == false) {
		for (i = n; i < 5; i++) {
			Drp(i)
		}
		open = true
	} else if (open == true) {
		for (i = n; i < 5; i++) {
			Cls(i)
		}
		open = false
	}
}

function Drp(n) {
	var elem = document.getElementsByClassName("menu-con")[n];
	var pos = -1 * window.innerHeight - n * 100; …
Run Code Online (Sandbox Code Playgroud)

html javascript css hyperlink rel

0
推荐指数
1
解决办法
66
查看次数

一次使用提供程序是否足够?

react-native使用redux模块时,我们使用createStore'redux'。我的问题是:<Provider/>一次使用是否足以使Redux存储可供我们的其他应用使用。

import ReactDOM from 'react-dom'

import { Provider } from 'react-redux'
import store from './store'

import App from './App'

const rootElement = document.getElementById('root')
ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  rootElement
)
Run Code Online (Sandbox Code Playgroud)

还是我们还必须在<Provider/>某个地方添加?

javascript reactjs react-native

0
推荐指数
1
解决办法
93
查看次数

JavaScript中如何获取数组的平均值

我正在编写一个代码,让您可以在提示窗口中输入 10 个随机数字。这些数字存储在名为 的数组中tal。我已经弄清楚如何获得最高值和最低值,但我无法获得平均值。有人可以帮助我找到解决方案或让我走上正确的道路吗?

这是我的代码:

let tal = [];
for (i = 0; i < 10; i++) {
  tal[i] = prompt('Add a number: ', '');
  tal.sort(function(a, b) {
    return a - b
  });
}
document.body.innerHTML += Math.max.apply(null, tal) + '<br>';
document.body.innerHTML += Math.min.apply(null, tal) + '<br>';
Run Code Online (Sandbox Code Playgroud)

javascript arrays for-loop

0
推荐指数
1
解决办法
3339
查看次数

循环遍历对象并将其推入新数组 JavaScript

我想问一下这个算法的JavaScript代码,假设我有一个汽车对象:

var cars = {
  'civic' : {
    'color' : 'blue',
    'year' : '2020'
  },
  'supra' : {
    'color' : 'red',
    'year' : '2019'
  },
  'impala' : {
    'color' : 'black',
    'year' : '1967'
  },
  'fake_civic' : {
    'color' : 'blue',
    'year' : '2020'
  },
  'fake_supra' : {
    'color' : 'red',
    'year' : '2019'
  },
  'fake_impala' : {
    'color' : 'black',
    'year' : '1967'
  },
}
Run Code Online (Sandbox Code Playgroud)

我想将假的提取到一个对象数组中,所以它看起来像这样

fakeCars = [
  {'fake_civic' : {
    'color' : 'blue',
    'year' : '2020'
    } …
Run Code Online (Sandbox Code Playgroud)

javascript arrays typescript

0
推荐指数
1
解决办法
53
查看次数

如何获取克隆存储库的所有依赖项

我刚刚通过git clone 从 Gitlab 克隆了一个存储库...但是当我尝试运行应用程序时,没有必需的依赖项。如何下载该项目所需的所有依赖项?

javascript git gitlab reactjs

-1
推荐指数
1
解决办法
1万
查看次数