相关疑难解决方法(0)

在React Native中将道具传递到外部样式表?

我是React和React Native的新手.目前,对于每个组件,我将代码分成两个单独的文件:

  1. index.js 对于所有React代码,和;
  2. styles.js 对于StyleSheet

有没有办法将道具传递到外部StyleSheet?

示例 index.js::

render() {
  const iconColor = this.props.color || '#000';
  const iconSize = this.props.size || 25;

  return (
    <Icon style={styles.icon} />
  );
}
Run Code Online (Sandbox Code Playgroud)

示例styles.js:

const styles = StyleSheet.create({
  icon : {
    color: iconColor,
    fontSize: iconSize
  }
});
Run Code Online (Sandbox Code Playgroud)

上面的代码不起作用,但更重要的是要了解我正在尝试做的事情.任何帮助深表感谢!

javascript jsx reactjs react-jsx react-native

9
推荐指数
4
解决办法
6546
查看次数

标签 统计

javascript ×1

jsx ×1

react-jsx ×1

react-native ×1

reactjs ×1